概览
一个功能完备的 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 —— 流式聊天助手,以及图像、视频与音频生成页面。
从这里开始
按以下路径走,是从克隆到可运行、可部署应用的最快路线:
