Skip to Content

Next.js 14 + NextAuth V5 用户验证系统

创建项目

创建项目

创建Next.js项目

在项目存放目录下打开终端,运行:

npx create-next-app@14.2.24 nextjs-auth-14
Note

由于Next.js 15之后的版本用npm会出现一些warnings,所以我们这里选择14.2.24版本。大家可以根据自己的项目情况选择合适的版本。

我的创建选项:

What is your project named? ... nextjs-auth-14 Would you like to use TypeScript? ... No / Yes Would you like to use ESLint? ... No / Yes Would you like to use Tailwind CSS? ... No / Yes Would you like your code inside a `src/` directory? ... No / Yes Would you like to use App Router? [recommended] ... No / Yes Would you like to customize the import alias [@/* by default]? ... No / Yes

然后切换到项目目录,并用vscode打开项目:

cd nextjs-auth-14 code .

运行项目:

npm run dev

效果如下:

1-1-homepage.png