Next.jsReactSaaS启动器

next-auth — Next.js SaaS模板

作者 atharvaarbat

基于 Next.js 16 与 Prisma 的自建认证启动器，含 OTP、OAuth、Passkey 与审计日志。

打开源站下载源码 ZIP

看看你的网站会是什么样

浏览真实页面截图，比较内容排版与手机效果。点击下方缩略图切换，放大查看整页细节。

3 个预览视图

桌面端首页1 / 3

访问演示网站在新标签页打开

桌面端截图

演示站首页的真实桌面布局。

全部页面与视图 3

截图用于了解视觉与布局，交互效果请以实际项目为准。本截图因高度限制未包含整页。

采集于 2026-09-27查看来源

值得关注的模板亮点

从已有项目资料中，快速了解它的特点。

认证逻辑完全手写，不依赖 NextAuth.js 或 Auth.js

同时支持邮箱密码、OTP 验证、Google/GitHub OAuth 与 WebAuthn Passkey

使用 jose 签发 JWT、bcrypt 哈希密码，会话由 Prisma 持久化

内置限流、安全响应头、nonce CSP 与认证事件审计日志

基于 Next.js 16 App Router、Prisma 7、Tailwind CSS v4 和 shadcn/ui

模板详细介绍

这个仓库虽然叫 next-auth，但 README 明确说明它并不依赖 NextAuth.js 或 Auth.js，认证逻辑是手写的：用 jose 签发 JWT、bcrypt 处理密码、@simplewebauthn 实现 Passkey，会话数据落在 Prisma 里。技术栈是 Next.js 16 App Router、TypeScript、PostgreSQL、Prisma 7、Tailwind CSS v4 与 shadcn/ui，邮件通过 Resend 发送，表单校验用 Zod。

功能覆盖比较完整：邮箱密码注册登录、OTP 邮件验证、忘记与重置密码、Google 和 GitHub OAuth、WebAuthn Passkey 登录与凭据管理，以及个人资料页的密码更新和已连接账号管理。会话采用 Cookie 形式的 JWT，路由保护由 proxy.ts 和服务端共同完成，认证逻辑走 Server Actions。README 还列出注册、登录、OTP、重置密码和 OAuth 发起路由的限流，以及安全响应头、基于 nonce 的 CSP 和认证事件审计日志。

它更适合想直接拿到一套可读、可改的认证骨架的 SaaS 项目，而不是希望接入成熟认证框架的团队。需要注意几点：仓库星标很少，许可证状态标注为 review，上线前应自行核对 LICENSE 文件；OAuth 需要在 Google Cloud Console 和 GitHub 分别注册应用并配置回调地址；生产环境必须使用 HTTPS，否则 OAuth 和 Passkey 无法正常工作。README 没有说明测试覆盖、并发规模或长期维护计划，这些需要自行评估。

Next.jsSaaS启动器

适合你的项目吗？

适用场景

需要一个可读可改的 SaaS 认证起点，而不是黑盒认证框架
希望同时提供 OAuth 与 Passkey 登录方式的 Next.js 项目
想参考手写 JWT 会话、OTP 验证和 WebAuthn 集成的实现方式

适合人群

使用 Next.js App Router 和 PostgreSQL 的团队
愿意自行维护认证代码、并接受手写方案的项目
需要邮箱验证、OAuth 和 Passkey 组合登录的 SaaS 应用

上手与定制指南

结合仓库当前版本的说明，按下面的资料检查内容、配置与运行要求。

1
需要准备 PostgreSQL 数据库，并配置 DATABASE_URL、JWT_SECRET、Resend 密钥及 Google/GitHub OAuth 凭据
2
OAuth 需在 Google Cloud Console 和 GitHub 分别注册应用，回调地址要匹配 NEXT_PUBLIC_APP_URL
3
数据库迁移使用 npx prisma migrate deploy，修改 schema 时改用 migrate dev 生成新迁移
4
生产环境必须启用 HTTPS，OAuth 与 Passkey 依赖安全上下文
5
仓库许可证状态为 review，使用前请核对 LICENSE 文件

查看仓库使用说明