跳轉到內容
全部文章

TanStack Start SaaS 腳手架:2026 年該看什麼

2026 年一套 TanStack Start SaaS 腳手架應該包含什麼,以及 supastack、supastarter 和 TanStarter 在認證、團隊、計費、託管和價格上的對比。

Noah Zixin Zhang約 3 分鐘閱讀

最好的 TanStack Start SaaS 腳手架是什麼?

這取決於你的產品除了 Web 應用之外還需要什麼。對於跑在 Cloudflare Workers 上的精簡純 Web 工具,TanStarter 的託管成本最低。想要 Hono 和 oRPC 搭配五家支付服務商的團隊適合 supastarter。supastack 適合 B2B 和 AI 產品:它的 TanStack Start 應用一次性買斷 $149,包含團隊工作區、八家支付服務商、API 金鑰、簽名 Webhook 和 13 種語言。之後還可以加裝共用同一後端的 Next.js、Expo 移動端和 Tauri 桌面端應用。

簡短回答

一套 TanStack Start SaaS 腳手架能替你省下從 npm create 到第一位付費客戶之間的幾週:登入、團隊、計費、郵件,以及一套能用的部署。今天有三款 starter 提供 TanStack Start,它們適合不同的產品。

  • 選 supastack:如果你在構建 B2B 或 AI 產品,需要團隊工作區、API 金鑰、Webhook,以及日後加裝移動端或桌面端應用的空間。
  • 選 supastarter:如果你想用 Hono 和 oRPC 搭 API 層,並且已經從它的 Next.js 版熟悉了 supastarter 的慣例。
  • 選 TanStarter:如果你的產品是一個純 Web 的小工具,而 Cloudflare Workers 上接近零的託管成本最重要。

TanStack Start 腳手架應該包含什麼

TanStack Start 給你型別化路由、路由 loader、伺服器函式和伺服器渲染。它不會給你帳號、計費或租戶隔離。購買任何 starter 之前要檢查的是這些部分:

要檢查什麼為什麼重要
檢查工作階段與工作區角色的伺服器函式型別化路由不保護資料;每個伺服器函式都必須確認呼叫者是誰
獨立伺服器路由上的支付 Webhook服務商會重試遞送,所以每個事件都必須先驗證、且只套用一次
首個提交就帶團隊功能事後再加組織意味著要改動每張表和每一處權限檢查
經過測試的計費層方案變更、席位和退款,正是生成程式碼悄悄出錯的地方
已經能用的部署路徑TanStack Start 能跑在很多主機上,但 starter 應該自帶一個你今天就能用的
成文的指南與 agent 指令TanStack Start 的線上範例比 Next.js 少,所以文件替你與你的程式開發 agent 補上這塊空缺

TanStack Start 腳手架對比

下面是三款 starter 在上述各項上的對比。supastack 列來自它的原始碼;其餘來自表格下方列出的公開來源。

supastacksupastarterTanStarter
一次性價格TanStack Start 版 $149$349 起(Solo 方案)見廠商官網
登入Better Auth(可選 Auth.js):通行金鑰、2FA、魔法連結、OTP、OAuthBetter Auth:通行金鑰、2FA、魔法連結、OAuthBetter Auth,含管理員
團隊帶邀請與角色的工作區帶邀請與角色的組織無
Web 計費Stripe, Lemon Squeezy, Paddle, Polar, Creem, Dodo, Whop, PayPalStripe, Lemon Squeezy, Polar, Creem, DodoStripe, Creem, Waffo
客戶整合API 金鑰、簽名 Webhook、稽核日誌、OpenAPI帶 OpenAPI 的型別化 API無
託管Node 伺服器或 DockerVercel 及其他全端主機Cloudflare Workers
語言內建 13 種內建翻譯en, zh
共享後端的其他應用Next.js、Expo 移動端、Tauri 桌面端此版本不包含無

supastack 的 TanStack Start 應用給你什麼

supastack 的 TanStack Start 應用是完整的 SaaS Web 應用,不是 demo。它與 Next.js 應用站在同一批共享套件之上,因此登入、計費、資料庫和 AI 在兩者中表現一致。從五分鐘快速上手開始,用假服務商、無需帳號就能在本機跑起來。

  • 支援電子郵件驗證碼、密碼、魔法連結、社交帳號、通行金鑰和雙因子認證的登入。
  • 個人與團隊工作區,含邀請、角色、按席位計費和管理後台。
  • 可任選八家服務商之一計費,同一條 Webhook 流程會忽略重複遞送。
  • 一個 AI 助手:各工作區自己的服務商金鑰加密儲存,開銷被限制在預算內。
  • 一個版本化 API,含工作區 API 金鑰、出站 Webhook、稽核日誌和給客戶的 OpenAPI 參考。
  • 背景任務、交易性郵件、sitemap 與 robots 檔案,以及 13 種語言。
  • 倉庫內超過 580 個自動化測試檔案,外加 AGENTS.md 和 27 項 Agent Skills,讓 Cursor、Claude Code 和 Codex 始終遵循既有模式。

什麼時候別的 starter 更合適

supastack 不是最小的選項。如果你一個人驗證一個想法、想要最低的月帳單,TanStarter 那個單一的 Cloudflare Workers 應用要讀的程式碼少得多。如果你的團隊已經在 Next.js 上交付 supastarter,它的 TanStack Start 版保持了同樣的習慣。

如果你還在選框架,讀一讀為什麼 TanStack Start 適合 SaaS和 Next.js vs TanStack Start 對比。想看整個市場,參考2026 年最佳 SaaS 腳手架和完整的 supastack vs TanStarter 對比。

資料來源:supastack 原始碼(截至 2026 年 10 月);supastarter 的 TanStack Start 產品頁(最後更新於 2026 年 8 月 13 日);TanStarter 原始碼(截至 2026 年 9 月)。功能和價格會變,購買前請查看各廠商官網。

關於 TanStack Start 腳手架的常見問題

  • TanStack Start 能撐起一個付費 SaaS 產品嗎? — 對大多數團隊來說可以。它已經是穩定的 1.x 版本,構建在 TanStack Router 和 Vite 之上,並在伺服器渲染。它的生態比 Next.js 小,所以選一個指南寫得透的 starter。
  • 運行 TanStack Start 必須要 Cloudflare 嗎? — 不需要。supastack 的 TanStack Start 應用以 Node 伺服器運行,並附帶適用於 Google Cloud Run 等容器主機的 Dockerfile。TanStarter 則是面向 Cloudflare Workers。
  • 以後能在 TanStack Start 和 Next.js 之間切換嗎? — 在 supastack 裡,兩個 Web 應用共享同一套登入、計費、資料庫和 AI 套件。切換意味著移植介面和路由,而不是重寫後端。
  • 必須連 Next.js 應用一起買嗎? — 不必。TanStack Start 應用單買 $149。任選兩個平台 $298,四個平台(Next.js、TanStack Start、Expo 和 Tauri)$299。見[定價](/pricing)。
  • 程式開發 agent 能駕馭 TanStack Start 程式碼庫嗎? — 它們更熟悉 Next.js,所以指令更重要。supastack 的 AGENTS.md 和 Agent Skills 會告訴 agent 每處改動該放在哪裡。