[Next.js14] NextAuth v5 (2) - Session/Update

文章预览

[Next.js14] NextAuth v5 (2) - Session/Update 我们从文件夹结构开始。 src/app/api/auth/[…nextauth]/route.ts src/app/client/page.tsx src/ui/update_button.tsx src/auth_wrapper.tsx 相比之前的教程，新增了4个文件 👉 服务器端渲染 & 客户端渲染 在继续之前，我们简单讨论一下 Next.js 14 中服务器端渲染(SSR)和客户端渲染(CSR)的区别。网上可以找到详细的比较，所以这里我只解释本教程所需的概念。 Next.js 14默认使用服务器端渲染来显示网页组件。在组件代码顶部添加"use client"行可以让Next.js 14使用客户端渲染来显示组件。 在服务器端代码中添加console.log("message")会在运行Next应用的终端中显示消息，而在客户端代码中添加则会在浏览器控制台显示消息(浏览器 -> 开发者工具 -> 控制台) 现在我们在 src/app/page.tsx 中添加console.log，并编写 src/app/client/page.tsx 的代码： // src/app/page.tsx ... export default ………………………………