nextauth nextjs13 prisma

1。设置并在Next.js 13 App Directory中使用NextAuth.js

在本教程中，我将带您通过NextAuth.js在您的下一个App Directory中设置身份验证。值得注意的是，当我们在本教程中使用NextAuth软件包时，您可能会在阅读本文时使用auth.js软件包，因为库现在可以互换。

涵盖了主题

• 设置下一个。JS13项目
• 设置下一个auth API路由
  • 创建可重复使用的按钮
• 获取NextAuth会话数据的三种方法
  • 在服务器组件中获取会话
  • 在API路线中获取会话
  • 在客户端组件中获取会话
• 集成数据库
  • 设置PostgreSQL
  • 设置Prisma Orm
• 实施NextAuth身份验证代码
• 将定制键存储在JWT中
• 保护路线的不同方法
  • 客户端路线保护
  • 服务器端路由保护
  • 保护API路线
  • 中间件路线保护
• 实施帐户注册逻辑
  • 创建API路由以注册用户
  • 创建表单组件
  • 创建帐户注册页面

在此处阅读整篇文章：https：//codevoweb.com/setup-and-use-use-nextauth-in-nextjs-13-app-directory/

2。next.js-使用自定义登录和注册页面nextauth.js

在本文中，您将学习如何在New Next.js 13 App Directory中将自定义登录和注册页与NextAuth.js集成。我将假设您已经在项目中设置了NextAuth，并且您只是在寻找一种集成自定义登录和注册页面的方法。

涵盖了主题

• 在计算机上运行NextAuth项目
• 测试NextAuth项目
  • 注册帐户
  • 登录您的帐户
  • 访问受保护的页面
• 配置NextAuth API端点
• 创建自定义登录页面
  • 创建登录表单
  • 创建登录页面
• 创建自定义注册页面
  • 创建注册表格
  • 创建帐户注册页面
• 创建API处理程序以进行帐户注册
• 结论

在此处阅读整篇文章：https：//codevoweb.com/nextjs-use-custom-login-and-signup-pages-for-nextauth-js/

3。next.js-使用nextauth.js添加Google和Google和github oauth2

在本文中，您将学习如何在New Next.js 13 App目录中将Google和github Oauth提供商与NextAuth.js集成。值得注意的是，我正在使用NextAuth团队推荐的特定拉动请求，该请求与New Next.JS 13 App Directory兼容。

涵盖了主题

• 在本地运行NextAuth项目
• 探索Github和Google Oauth流
  • 与Google Oauth2登录
  • 与Github Oauth登录
• 用Google和Github Oauth配置NextAuth
• 实施Google和Github Oauth2
  • 创建客户端表单
  • 创建服务器端页面组件
• 如何生成Google OAuth2凭据
• 如何生成github oauth凭据
• 结论

在此处阅读整篇文章：https：//codevoweb.com/nextjs-add-google-and-google-and-github-oauth2-using-nextauth-js/