next auth example

示例存储库是从 monorepo 维护的。应针对nextauthjs/next-auth打开拉取请求。

NextAuth.js 示例应用程序

开源。全栈。拥有您的数据。

概述

NextAuth.js 是一个完整的开源身份验证解决方案。

这是一个示例应用程序，展示了如何将next-auth应用于基本的 Next.js 应用程序。

部署的版本可以在next-auth-example.vercel.app找到

关于 NextAuth.js

NextAuth.js 是一个易于实现的全栈（客户端/服务器）开源身份验证库，最初是为 Next.js 和 Serverless 设计的。我们的目标是将来支持更多框架。

请访问 next-auth.js.org 了解更多信息和文档。

NextAuth.js 未与 Vercel 或 Next.js 正式关联。

入门

1.克隆存储库并安装依赖项

 git clone https://github.com/nextauthjs/next-auth-example.git
cd next-auth-example
pnpm install

2.配置本地环境

将此目录中的 .env.local.example 文件复制到 .env.local （该文件将被 Git 忽略）：

 cp .env.local.example .env.local

添加一个或多个提供商的详细信息（例如 Google、Twitter、GitHub、电子邮件等）。

数据库

需要数据库来保存用户帐户并支持电子邮件登录。但是，您仍然可以在没有数据库的情况下使用 NextAuth.js 进行身份验证，方法是使用 OAuth 进行身份验证。如果不指定数据库，则默认启用 JSON Web Tokens。

如果需要，您可以跳过数据库配置，稍后再返回。

有关设置数据库的更多信息，请查看以下链接：

• 文档：authjs.dev/reference/core/adapters

3. 配置身份验证提供程序

1. 根据需要查看和更新auth.ts中的选项。

2. 设置 OAuth 时，在每个 OAuth 服务的开发者管理页面中，您应该配置回调 URL 以使用回调路径{server}/api/auth/callback/{provider} 。

例如，对于 Google OAuth，您可以使用： http://localhost:3000/api/auth/callback/google

可从端点api/auth/providers获取已配置提供程序及其回调 URL 的列表。您可以在 https://authjs.dev/getting-started/providers/oauth-tutorial 找到更多信息

1. 您还可以选择指定 SMTP 服务器以通过电子邮件进行无密码登录。

4.启动应用程序

要在本地运行您的网站，请使用：

 pnpm run dev

要在生产模式下运行它，请使用：

 pnpm run build
pnpm run start

5. 生产准备

遵循部署文档

致谢

感谢 Vercel 赞助该项目，允许整个 NextAuth.js 团队免费部署该项目

执照

国际标准委员会