SaaS 全栈脚手架:Next.js 15 + 认证 + 订阅 + AI + 文件存储
✓ 模块化拆分易于扩展✓ 覆盖认证/计费/AI/存储主流场景 ✕ 需配置 6+ 个第三方服务✕ 耦合较深不易单独拆用
方案简介
本方案是 nextjs-starter-kit 仓库整体定位的提炼:基于 Next.js 15 App Router 的「Production-ready SaaS 启动套件」,把认证、订阅计费、AI 对话、文件存储、产品分析五大 SaaS 必备能力一次性预装好,开发者 clone 之后只需补齐环境变量与少量产品配置,即可得到一个可上线的 SaaS 应用骨架。
它要解决的问题是:从零搭建一个现代 SaaS 产品时,需要在认证、数据库、订阅、Webhook、AI、文件存储、UI 组件、部署等环节重复造轮子。本仓库把这些能力组合成一个统一技术栈,让团队跳过基础设施搭建,直接进入业务实现阶段。
适用对象:希望快速验证 SaaS 商业想法的独立开发者;以及对 Next.js 全栈生态(Better Auth、Drizzle、Polar.sh、OpenAI、Cloudflare R2)整体认可、愿意按这套组合落地的中小团队。
组成与分工
- Next.js 15.3.1 (App Router):作为全栈框架,承载路由、Server Components、API 路由、Server Actions 与中间件(用于订阅门禁)。
- TypeScript(strict 模式):为整栈提供静态类型保障,与 Drizzle 的类型安全 ORM 共同降低运行时错误。
- Better Auth v1.2.8:处理注册、登录、会话持久化与第三方 Provider 接入,是整个认证层的核心。
- Neon PostgreSQL + Drizzle ORM + Drizzle Kit:Neon 提供 Serverless Postgres,Drizzle 提供类型安全查询与迁移工具(
drizzle-kit generate/push)。 - Polar.sh:订阅产品与支付、Webhook 推送与客户门户托管。
- OpenAI SDK:驱动 Dashboard 内置聊天机器人,提供多轮对话与 Markdown 回复。
- Cloudflare R2:通过 S3 兼容 API 提供文件存储,处理头像、用户上传等对象的零出口费存取。
- Tailwind CSS v4 + shadcn/ui + Radix UI:原子化样式 + 可复制定制的高质量组件 + 无样式可访问性原语。
- PostHog:产品分析与用户行为监控。
- Vercel:推荐部署目标,配合 GitHub 集成实现自动部署。
优缺点
- ✓ 模块化拆分易于扩展
- ✓ 覆盖认证/计费/AI/存储主流场景
- ✕ 需配置 6+ 个第三方服务
- ✕ 耦合较深不易单独拆用
出处
本方案挖掘自开源项目 michaelshimeles/nextjs-starter-kit,方案内容与实施命令均来自其 README 原文。
方案出处
michaelshimeles/nextjs-starter-kit:The Ulimate Nextjs Starter Kit. Build your next SAAS product of your dreams. Bat 3048 star The Ulimate Nextjs Starter Kit. Build your next SAAS product of your dreams. Batteries included.
本方案由真实开源项目挖掘整理,实施命令均来自其 README 原文,安装使用请遵循项目开源协议。