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

一套 TanStack Start SaaS 起步套件,完整产品,跑在 Vite 上

supastack 提供完整的 TanStack Start 应用:类型安全路由、服务端函数、认证、计费、AI 与管理后台,与 Next.js 版本相同的 SaaS,位于同一 monorepo。

Noah Zixin Zhang约 2 分钟阅读

supastack 的 TanStack Start 应用包含什么?

取决于所选方案,但每份许可证都交付运行在 Vite 与 TanStack Router 上的完整 supastack 产品:类型安全的文件式路由与 SSR、服务端函数、认证、工作区、覆盖八家支付提供商的计费、AI 助手,以及带 OpenAPI 参考的管理后台。它与 Next.js 应用读取同一个 Schema 与同一批包,两个 Web 前端可以跑在同一个后端上。

完整的 SaaS,而非一角

大多数 TanStack 起步模板止步于登录页和待办列表。我们渲染的是 supastack 的完整界面,与 Next.js 应用提供的同一套页面,所以选择 TanStack Start 绝不意味着接受缩水的产品。

  • 首页仪表盘、数据分析与全站搜索
  • 成员、邀请、安全会话与 SSO 设置
  • 计费:结账、套餐与签名 Webhook,覆盖八家支付提供商
  • AI 助手与后台代理任务,支持工作区级预算
  • 内置 OpenAPI 文档与在应用内打开的 API 参考页
  • 引导、通知、邮件预览与反馈收件箱
  • 13 种语言与 20+ 主题包,共享同一设计系统

团队选择 TanStack Start 的理由

Vite 8 秒级启动,TanStack Router 提供端到端类型安全的文件式路由,服务端函数让数据变更紧挨调用它的代码。这是现代 React 栈,却没有框架锁定。

两个 Web 应用共享同一批包,认证、数据库、计费、AI、任务、邮件,功能在两个端同步落地,你的产品逻辑永不分叉。

  • TanStack Start + React
  • TanStack Start + Vite
  • 类型安全的文件式路由与 SSR
  • TypeScript + Turborepo
  • Better Auth
  • Drizzle + PostgreSQL
  • Sentry + PostHog

两套 Web 栈,一个后端

因为团队偏好 Vite 与 TanStack 生态而选择 TanStack Start,或者两个 Web 应用一起发。它们读取同一个 Schema 与同一批包,一次开发的功能在两个前端上都能用。

每份许可证都包含两个 Web 应用外加 Expo 与 Tauri。只想要这一个栈也有单平台方案。

从克隆到上线

一次安装,把应用指向共享数据库,Vite 开发服务器几分钟内就会带着种子数据跑起来。生产构建开箱即可作为 Node 服务器运行,其他部署目标可走 Nitro 预设。

  • 同一 monorepo、同一批包,一次安装覆盖所有应用
  • 类型安全路由让产品做大后的重构依旧可靠
  • 指南与 Next.js 版本一一对应,学习曲线保持平坦

常见问题

  • TanStack Start 应用功能完整吗?, 完整。它渲染与 Next.js 应用相同的产品面,首页、数据分析、成员、安全会话、计费、设置与 OpenAPI 参考页,并经过同样的测试。
  • 该选 Next.js 还是 TanStack Start?, 选团队更喜欢的框架,反正两个都会得到。我们的对比文章详细拆解了取舍。
  • 它和 Next.js 应用共用数据库吗?, 是的。两个 Web 应用通过同一批包读取同一个 Schema,你可以让单个或两个前端都跑在同一个后端上。

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

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