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 個席位——均為一次性買斷,均可承接無限量客戶商業專案。