概览

一个功能完备的 Next.js 16 SaaS 起始模板,内置认证、支付、邮件与 AI。

Next.js 模板是一个功能完备的 SaaS 起始模板,基于 Next.js 16 与 App Router 构建。它已经将身份认证、PostgreSQL 数据库、支付、事务性邮件、国际化内容与 AI 能力串联在一起,让你专注于业务本身,而非基础设施。

认证、数据库、邮件与内容/国际化均已端到端打通。少数功能(订阅 Newsletter、部分仪表盘页面)仍是可运行的示例或 UI 起点,上线前需要结合你的业务进行适配。下方的 功能状态 表会逐项说明。

技术栈

领域
框架Next.js 16(App Router)、React 19、React Compiler
语言TypeScript
认证Better Auth(邮箱/密码 + GitHub/Google OAuth、admin 插件)
数据库PostgreSQL + Drizzle ORM(node-postgres)
支付Creem SDK
邮件Resend + React Email
国际化next-intl
文档与博客Fumadocs(MDX)
AI 聊天Vercel AI SDK + OpenAI
AI 媒体Replicate(图像 / 视频 / 音频)
样式Tailwind CSS v4 + shadcn/ui(new-york)
工具链Biome(lint + format)、pnpm

功能状态

在整套文档中,功能使用统一的标签:

  • 已集成 —— 在模板中端到端打通。
  • 示例 —— 可运行的参考实现,但仍需补充与业务相关的策略、限制或数据。
  • UI 起点 —— 已设计好的界面,但使用模拟/静态数据或动作尚未完成。
领域状态范围
身份认证已集成邮箱/密码、验证、重置、GitHub/Google OAuth、会话、admin 插件
数据库已集成PostgreSQL 连接池、Drizzle schema、认证与支付表
支付示例Creem 结账、查询、签名校验与部分 webhook 事件
邮件 / 联系已集成通过 Resend 投递认证邮件与联系表单消息
订阅邮件(Newsletter)UI starter(UI 起点)仅有邮件模板;没有订阅路由或持久化
AI示例OpenAI 流式聊天与 Replicate 媒体任务流程
内容与国际化已集成Fumadocs 文档、博客/法律内容集合、中英文路由
仪表盘 / 管理后台UI 起点多个页面使用静态/模拟数据;admin API 有服务端角色校验
存储Example(示例)已认证的图片上传写入本地 public/uploads;生产环境需替换

应用界面

  • 营销 —— (marketing) 路由组下的着陆页、博客、法律、联系与关于页面。
  • 认证 —— (auth) 下的登录、注册、忘记/重置密码。
  • 仪表盘 —— (dashboard) 下的仪表盘、设置、账户与管理页面。
  • 内容 —— 由 Fumadocs 驱动的文档(你正在阅读)、博客与法律内容集合。
  • 支付 —— 定价 CTA、Creem 结账流程以及支付/订阅表。
  • 邮件 —— 通过 Resend 投递验证、密码重置与联系消息。
  • AI —— 流式聊天助手,以及图像、视频与音频生成页面。

从这里开始

按以下路径走,是从克隆到可运行、可部署应用的最快路线:

On this page