supastarter icon

supastarter

認領

supastarter 是適用於 Next.js、Nuxt 與 TanStack Start 的 SaaS starter kit 與 boilerplate,內建驗證、計費與組織流程,協助團隊快速推出可上線的 SaaS 應用。

supastarter

概覽

supastarter 是一個 SaaS starter kit 與 boilerplate,用於建置具備可上線品質的應用程式,支援 Next.js、Nuxt 與 TanStack Start。它主要提供給想要在不從零組裝驗證、計費、組織及其他常見應用程式元件的情況下,快速推出 SaaS 產品的開發者與創辦人。

文件與首頁展示了一個完整的應用程式骨架,包含分離的 apps、共享 packages,以及內建模組,例如 auth、payments、organizations、storage、mail、notifications、i18n、logging 與 API routes。此產品被定位為推出與維護 SaaS 應用程式的基礎,具備一致的程式碼庫與已文件化的工作流程。

核心功能

完整的驗證系統

supastarter 內建登入、註冊、密碼重設、電子郵件驗證與 OAuth 社群登入等驗證流程,全部建立在 better-auth 上,並整合進 SaaS 應用程式中。

統一的計費流程

付款層支援結帳流程、訂閱管理、方案升級與降級、Webhook 處理,以及透過供應商無關的 API 存取付款入口網站。

組織與角色管理

組織功能以共享空間形式內建,具備成員、角色與權限,讓以團隊為基礎的 SaaS 產品更容易建模。

現代化 starter 技術棧

技術堆疊包含 Next.js、Nuxt、TanStack Start、React、TypeScript、Tailwind CSS、Prisma、Drizzle、Hono、TanStack Query 與 better-auth,為團隊提供現成的應用程式基礎。

模組化專案結構

程式碼庫整理為應用程式套件、共享套件,以及特定功能模組,例如 auth、payments、storage、notifications、mail、i18n 和 logging。

AI 輔助開發支援

此產品強調與 AI 程式碼代理的相容性,並提到可用於 Claude Code、Cursor 與 Codex 工作流程。

常見使用情境

  • 建立新的 SaaS 應用程式

    當你想推出一個已具備驗證、計費、組織與基本應用程式架構的新 SaaS 產品時,可使用 supastarter。

  • 實作訂閱計費

    當你需要訂閱、方案變更與付款入口網站存取,而不想從頭建立供應商特定邏輯時,可使用計費與 Webhook 設定。

  • 新增團隊與組織功能

    當你的產品需要團隊帳戶、共享資料,以及跨多位使用者的角色式存取時,可使用組織模型。

  • 在結構化 monorepo 中工作

    當你想在 app、docs、mail preview 與共享套件之間採用既有結構來協作時,可使用模組化程式碼庫與已文件化的工作流程。

  • 加速 AI 輔助實作

    如果你偏好一個被定位為支援 AI 輔助開發的程式碼庫,且首頁有標示 Claude Code、Cursor 與 Codex 支援,則可使用此 starter kit。

Pros and Cons

Pros

  • 涵蓋核心 SaaS 建置基礎元件,例如驗證、付款、組織、郵件、儲存、通知與在地化。
  • 使用 better-auth 與資料庫支援的使用者與組織資料,讓團隊可直接掌控自己的紀錄。
  • 透過統一 API 支援多個付款供應商,可降低對單一供應商的綁定。
  • 文件化了驗證、付款與組織管理等關鍵工作流程。
  • 包含將產品應用程式、行銷網站、文件與共享套件分離的應用程式架構。

Cons

  • 在提供的來源文字中,未顯示價格細節與方案結構。
  • 此處提供的內容對 Next.js 支援最完整;首頁有提到 Nuxt 與 TanStack Start,但未包含它們的詳細文件證據。

FAQ

supastarter 使用哪個驗證系統?

supastarter 使用 better-auth 進行驗證。文件顯示已內建登入、註冊、密碼重設、電子郵件驗證與 OAuth 社群登入的 UI,並在 `apps/saas` 中包含驗證路由。

支援哪些付款供應商?

是的。付款文件列出 Stripe、Lemon Squeezy、Creem、Polar 與 Dodo Payments,並透過統一 API 提供。

supastarter 是否支援組織與團隊存取?

是的。文件說明組織是用來在使用者之間共享資料的方式,成員、角色與權限由 better-auth 處理並儲存在資料庫中。

supastarter 的費用是多少?

價格頁面存在,但提供的來源文字未包含方案名稱、金額或限制,因此在購買前應先查看線上價格頁面確認這些細節。

驗證重新導向有哪些重要的設定細節?

文件指出應將 SaaS 應用程式網址設定為 `NEXT_PUBLIC_SAAS_URL`,讓公開的驗證重新導向指向已部署的應用程式。

Quick Facts

類別
SaaS starter kit
主要平台
Next.js, Nuxt, TanStack Start
驗證供應商
better-auth
付款供應商
Stripe, Lemon Squeezy, Creem, Polar, Dodo Payments
來源網域
supastarter.dev
產品定位
可上線的 SaaS boilerplate