2026 年最好的 TanStack Start SaaS 脚手架是哪一个?
取决于你的产品要覆盖多少个客户端端面。TanStarter 是学习这套技术栈的轻量单应用起点;supastarter 提供面向纯 Web SaaS 的 TanStack Start 版本;而 supastack 是唯一一个让 TanStack Start 与 Next.js 16 应用共存于同一 Monorepo 的脚手架——内含 Expo 移动端、Tauri 2 桌面端、MV3 插件脚手架,共享 Drizzle ORM、Better Auth、8 种支付网关和 693+ 自动化测试。
为什么团队正在评估 TanStack Start
TanStack Start 已经从前途无量的新面孔成长为生产级 React 应用的严肃第二引擎。它的吸引力是结构性的:参数与 search 端到端类型推导的全类型安全路由、取代手写 API 路由的 server functions、服务端与客户端跑同一查询的同构数据加载——外加 Vite 级的开发速度。
Next.js 在生态广度、部署目标和人才招聘上仍然是更稳妥的默认选择。这正是双引擎模式的意义:团队不再必须二选一并放弃另一个。我们的 Next.js vs TanStack Start 深度对比 梳理了取舍;本文关注的是哪个脚手架真正把两者都交付了。
2026 年 TanStack Start 脚手架阵营
目前真正交付 TanStack Start 的商业脚手架屈指可数,能把它与其他端面一起交付的更是凤毛麟角。以下是经过核实的阵营:
| 脚手架 | TanStack Start | 第二 Web 引擎 | 移动端 | 桌面端 | 浏览器插件 | 自动化测试 |
|---|---|---|---|---|---|---|
| supastack | 内置 — apps/web-tanstack | Next.js 16 App Router | Expo (iOS + Android) | Tauri 2 (macOS/Win/Linux) | MV3 伴侣脚手架 | 693+ 测试,免凭证本地门禁 |
| supastarter | 可选版本 | Next.js 或 Nuxt(二选一) | 无 | 无 | 无 | 单元与集成测试 |
| TanStarter | 核心且唯一技术栈 | 无 | 无 | 无 | 无 | 起步级 |
| TurboStarter | 无 — 仅 Next.js | — | Expo | 无 | WXT 插件 | 15 个测试文件 |
| ShipFast | 无 — 仅 Next.js | — | 无 | 无 | 无 | 0 个测试文件 |
别家没有的双引擎 Monorepo
supastack 最与众不同的决策不是在 Next.js 与 TanStack Start 之间选出胜者——而是拒绝二选一。两个引擎在同一个 Turborepo 中都是一等公民应用,消费完全相同的无头共享包,因此产品可以先在一个引擎上发布,之后再添加另一个,无需重写。
apps/
web/ Next.js 16 App Router — primary web product
web-tanstack/ TanStack Start — second web engine
mobile/ Expo — iOS & Android from one codebase
desktop/ Tauri 2 — macOS, Windows, Linux shell
extension/ Manifest V3 browser companion
packages/
db/ Drizzle ORM schema + migrations
auth/ Better Auth — server + client entry points
billing/ 8 payment adapters + idempotent webhook ledger
mcp/ MCP server exposing the repo to coding agents一套地基,两个框架
两个引擎只在框架本该不同的地方不同——路由、数据获取、服务端渲染——除此之外完全一致。两者都通过 @supastack/db 读取同一份 Drizzle schema,通过 @supastack/auth 中同一个 Better Auth 实例校验会话,并通过同一个内置幂等 webhook 账本的八适配器计费包完成结算。
这意味着真正拖垮脚手架项目的工作——数据库迁移、租户隔离、订阅状态、webhook 重放处理——只需写一次,你发布的任何 Web 端面都能继承。完整技术栈拆解见 TanStack Start 项目结构指南 和我们的 TanStack Start + Drizzle + Better Auth + Stripe 剖析。
结论:哪款 TanStack Start 脚手架适合你的路线图
按你真正要交付的端面来选脚手架,而不是按营销表格里的格子。诚实的对应关系如下:
- 只有 supastack 把两个 Web 引擎连同移动端、桌面端和插件打包进同一张许可证——查看定价档位。
| 你的路线图 | 最佳选择 |
|---|---|
| 在副业项目里学习这套框架 | TanStarter(免费、极简) |
| 纯 Web SaaS,想要 Nuxt 选项 | supastarter TanStack Start 版本 |
| Web + 浏览器插件,不要桌面端 | TurboStarter |
| 双 Web 引擎 + 移动端 + 桌面端 + 插件,一张许可证 | supastack Full Bundle — $299 一次性买断 |
TanStack Start 脚手架常见问题
买家在选定 TanStack Start 代码库之前常问的问题:
- 2026 年 TanStack Start 可以上生产吗?, 对熟悉 React 的团队来说可以——它已经发布包含 server functions、SSR 流式渲染和类型化路由的稳定版本。风险在生态深度而非框架本身,这也是为什么让它与 Next.js 同仓共存是对冲而非押注。
- 我必须同时使用两个 Web 引擎吗?, 不必。Monorepo 同时交付两个应用;多数产品只用其中一个跑生产,另一个留作迁移路径或内部工具。共享包意味着闲置的引擎不会让你多付出任何成本。
- Expo 移动端能和 TanStack Start 共享登录吗?, 能——移动应用与两个 Web 应用调用同一套类型化 API 和同一个 Better Auth 实例,只是把会话存进
expo-secure-store而不是 Cookie。 - 许可证怎么收费?, Starter 为 $199(单端面),$299 的 Full Bundle 覆盖全部五个端面含 3 个席位,Agency 为 $799 含 10 个席位——均为一次性买断,均可承接无限量客户商业项目。