跳转到内容
Supastack
CN
主题
登录获取 Supastack
全部文章

一套内置认证、计费与 AI 的 Next.js SaaS 模板

supastack 是一套 Next.js 16 SaaS 模板:登录、团队、计费、AI 聊天、管理后台、多语言与主题,一个第一天就能部署的真实应用。

Noah Zixin Zhang约 2 分钟阅读

supastack 的 Next.js 应用包含什么?

取决于所选方案,但每份许可证都交付同一个完整的 Next.js 16 应用:OAuth、通行密钥与两步验证登录、团队工作区、覆盖八家支付提供商的计费、按工作区预算的 AI 聊天、管理后台与 13 种语言。单平台许可证只覆盖 Next.js;完整包在同一后端上再增加 TanStack Start、Expo 与 Tauri 应用。

SaaS 所需的一切,都已内置

Next.js 应用就是完整的 supastack 产品:买家在演示中看到的同一套仪表盘、设置页和管理界面。你要做的不是拼装落地页,而是从成品中删掉不需要的部分。

  • Google、Apple、GitHub 与邮箱魔法链接登录,另有通行密钥、两步验证与会话管理
  • 工作区、角色与团队邀请,支持按成员配置权限
  • 计费:结账、客户门户与签名 Webhook,覆盖 Stripe、Paddle、Polar、Lemon Squeezy、Dodo、Creem、Whop 与 PayPal
  • AI 聊天与后台代理任务,支持按工作区预算与 token 用量追踪
  • 通知、活动流、反馈收件箱,以及所有事务邮件的预览
  • 管理界面:数据分析、搜索、成员与安全会话
  • 13 种语言、20+ 主题包,以及完整 OpenAPI 文档化的 API
  • 种子数据、真实测试与覆盖安装到部署的指南

以 Next.js 团队熟悉的方式构建

应用运行在 Next.js 16 与 App Router 之上:React Server Components 带来快速首屏,route handlers 承载 API 端点,在需要的地方使用流式渲染。整个 Turbo monorepo 端到端类型安全,一个下午就能读完。

产品逻辑沉淀在共享包里,认证、数据库 Schema、邮件、任务、计费与 AI 提供商,框架层保持轻薄。更换提供商、理清 webhook 结算流程只需几分钟,而不是考古。

  • Next.js 16 App Router + React 19
  • React Server Components (RSC) + Server Actions
  • TypeScript + Turborepo
  • Better Auth
  • Drizzle + PostgreSQL
  • Trigger.dev
  • Sentry + PostHog

一个产品,四套技术栈

supastack 是同一个 SaaS 的四种形态:这个 Next.js 应用、一个 TanStack Start 应用、一个面向 iOS 与 Android 的 Expo 应用,以及一个 Tauri 桌面应用。它们共用同一后端,在网页上创建的工作区会出现在手机里。

一份许可证覆盖全部四个应用。只想要这一个栈也有单平台方案,但随时可以再加上其他平台。

从克隆到上线

克隆仓库、填写环境变量、运行迁移,应用就会带着可以直接点击体验的种子数据启动。五分钟快速上手指南带你走完整个流程,各提供商指南则覆盖你要启用的每一项集成。

  • 一次安装、一条开发命令,首次运行即写入演示工作区
  • 可部署到 Vercel、Docker、Node 或 Cloudflare Workers
  • 可选提供商在未配置密钥前保持关闭,缺密钥也不会崩溃

常见问题

  • Next.js 应用是真实产品还是组件库?, 真实产品。它交付完整的产品面,登录、引导、仪表盘、计费、设置与管理后台,运行在真实后端之上。本站所有截图都来自它的真实界面。
  • Next.js 应用可以部署到哪里?, 任何 Next.js 能运行的地方:Vercel、VPS 上的 Docker、Netlify、Bun 或 Cloudflare Workers。部署指南覆盖每种目标,且启动不强制要求任何提供商,所有集成都是可选的。
  • 包含 AI 功能吗?, 包含,流式 AI 聊天、后台代理任务、按工作区的预算与 token 用量追踪,填入 OpenAI、Anthropic 或 OpenRouter 密钥即可使用。

下一个产品,从这里开始。

一次付费,持续打造盈利的产品。