为什么使用 Next.js 开发 SaaS？
这取决于团队需求。Next.js 提供文件路由、服务端渲染、React Server Components 和广泛的生态。App Router 帮助在同一应用中组合服务端与客户端工作。身份验证、授权、计费和部署仍需根据产品设计。
围绕路由与布局构建
App Router 使用文件路由组织页面与布局。共享布局有助于保持导航和工作区上下文一致，加载和错误边界则让每个路由描述自己的状态。
SaaS 产品仍需服务端授权。每个工作区 ID 都应作为请求的一部分，结合登录用户进行验证。
决定代码在哪里运行
页面和布局默认是 Server Components。在服务端获取数据、使用密钥，需要交互和浏览器 API 时再使用 Client Components。保持客户端边界聚焦，只传输界面需要的数据。
规划生产环境
框架负责路由和渲染，但应用仍要负责计费正确性、访问控制、数据保留与运行恢复。
| 领域 | 需要检查 |
|---|---|
| 身份 | 会话与工作区权限 |
| 计费 | 经过验证的 webhook 和重复投递处理 |
| 交付 | 部署、日志与恢复 |
从可运行的基础开始
supastack 提供 Next.js Web 选项，包含身份验证、工作区、计费和 AI 功能。阅读设置指南，并与 TanStack Start 选项比较，选择适合团队的模型。