系統就緒目標平台:Cloudflare Workers
// Saavo / Cloudflare SaaS 起始套件

SaavoCloudflare SaaS 起始套件

不必重複搭建基礎框架,就能在 Cloudflare 上建置並發布 SaaS。

Saavo Starter 是以正式環境為導向、適用於 Cloudflare Workers 的 TypeScript SaaS 專案範本。它不只提供 UI,而是把身分驗證、Stripe 計費、存取控制、後台管理、說明文件和部署基礎架構,整合在同一套由您掌控、可持續擴充的程式碼庫中。

內建能力
身分驗證
計費
存取控制
OAuth 2.0
i18n
說明文件
Saavo CLI / createv0.1.0
$ npx saavo-cli@latest create my-saas
Preflight: checking Node.js
Node.js 24.16.0
Preflight: checking npm
npm 11.13.0
Preflight: checking Saavo access
Saavo access: Builder (builder@example.com)
Requesting Saavo Default Template 0.2.9
Downloading and verifying template archive
Extracting template
Applying project name
Preparing local development
Project is ready for local development
Created my-saas from Saavo Default Template 0.2.9.
Next steps
cd "my-saas"
npm run dev
OAuth 2.0 / PKCESHA-256 verified
FIG.01Saavo CLI 專案建立流程
Cloudflare Workers SaaS 技術堆疊 / 設定驅動
// Section_01 :: 問題描述

SaaS 專案範本應該省下那些 使用者永遠看不到的工作。

成熟的 SaaS 產品離不開身分驗證、Stripe 計費、授權、帳戶管理和 Cloudflare 基礎架構,但這些基礎工作需要反覆搭建,客戶卻不會直接為它們付費。

[P.01]耗時數周

身分驗證是個無底洞

登入、OAuth、雙因素驗證、電子郵件驗證、密碼復原、工作階段管理和帳戶安全,往往都得在產品功能之前完成。

[P.02]高風險

付款不等於存取控制

結帳只是第一步,產品、權益、授權、撤銷和稽核記錄還需要形成一套完整流程。

[P.03]反覆出現

後台管理需要真正可用的介面

使用者、付款、Reaction 執行、OAuth 使用者端、客服單和記錄從第一天起就需要可用的管理工作流程。

[P.04]設定繁重

云基礎架構需要整合

D1、KV、R2、Queues、Durable Objects、排程工作、電子郵件和部署設定必須整合成一套完整的執行體系。

FIG.02 / 起點對比
從零開始

先建置可重複使用的基礎框架,再開發產品。

使用 SAAVO

先設定 SaaS 起始套件,再打造真正屬於自己的產品。

// Section_02 :: 模組清單

全端 SaaS 起始套件。 內建 16 個可重複使用模組。

專案已具備可直接使用的身分驗證、支付與交易、存取控制、後台管理、內容系統和 Cloudflare 服務,不只是一個儀表板範本或一組彼此分離的 UI 區塊。

[M.01]

身分驗證

支援電子郵件和 OAuth 登入、驗證、密碼重設、TOTP 雙因素驗證、復原碼、安全工作階段、Google One Tap、登入對話方塊和帳戶刪除。

註冊 / 登入
Google OAuth
GitHub OAuth
One Tap
TOTP 雙因素驗證
復原碼
密碼重設
電子郵件驗證
工作階段
帳戶安全
[M.02]

計費與 Stripe

結帳、已驗證的 Webhook、購買、訂閱、客戶入口網站、促銷代碼和自動計稅。

[M.03]

存取控制

角色、開關型權益、授予、撤銷和事件歷史。

[M.04]

Reaction 引擎

型別安全的 Events 會觸發 Commands,執行結果會持久儲存,支援觀測和重試。

[M.05]

管理儀表板

提供使用者、支付管理、存取控制、Reaction、通知、聯盟推廣、客服單、分析和記錄等後台頁面。

[M.06]

OAuth2 伺服器

支援授權碼、PKCE、授權範圍、授權確認、權杖和撤銷流程。

[M.07]

國際化

型別安全的多語言路由、翻譯載入、Cookie 和 RTL 支援。

[M.08]

說明文件與內容

說明文件、內容集合、網站地圖、中繼資料和結構化資料。

[M.09]

KV 與 R2 儲存

儲存後端、公開傳遞、快取策略、TTL 和大小限制。

[M.10]

電子郵件系統

Cloudflare Email 和 Resend 服務供應商共用同一套型別安全的電子郵件寄送服務。

[M.11]

客服單

建立、回覆、篩選、設定優先順序、解決和關閉客服單。

[M.12]

記錄與稽核

透過非同步持久化記錄系統、稽核和警示記錄。

[M.13]

安全

CSRF、Turnstile 鉤子、速率限制、可信來源和內容清理。

[M.14]

站內通知

向所有或指定使用者發布富內容訊息、追蹤閱讀狀態,並顯示帳戶未讀提示。

[M.15]

聯盟推廣計畫

推薦歸因、佣金追蹤、收款資料、月度結算和後台管理。

[M.16]

設定系統

產品、存取控制、Reaction 行為、選單和執行階段設定均有明確的型別定義和責任歸屬。

// Section_03 :: 系統架構

清晰的邊界, 完全掌控的程式碼。

這套 TypeScript SaaS 專案範本把產品邏輯放在可重複使用的基礎框架之上,再透過型別安全的 UI 與 API 契約,將 Cloudflare 平台細節留在正確的層級。

FIG.03 / 相依方向 / 自上而下
LAYER_01 / 產品層
產品的商業邏輯位於可重複使用的 SaaS 基礎框架之上。
business-logic/custom-modules/branding/config/
LAYER_02 / SAAVO STARTER
職責明確、設定清晰的完整 SaaS 模組。
authbillingaccessreactionadminoauth2notificationsaffiliatedocsstorage
LAYER_03 / 前端與後台 API 接口
SSR、hydration island、型別安全的 API 和服務邊界。
React 19ViteHonoTailwindNanostoresshadcn
LAYER_04 / CLOUDFLARE 平台
具有第一方儲存和非同步原語的全球邊緣執行階段。
WorkersD1KVR2QueuesDurable ObjectsCronEmail
入口 / fetch + queue + scheduled
部署 / wrangler deploy
擴充 / Workers 代管
SETUP / bindings + secrets
// Section_04 :: 從付款到存取的生命週期

從結帳到獲得存取權限, 全程可追蹤。

一次性付款驗證成功後,系統會根據對應的 Stripe Price 找到 Starter 授權,觸發支援冪等處理的 Reaction Command,並為帳戶授予預先設定的權益。

FIG.04 / 正向生命週期
所有者
產品設定
輸入
產品 ID + 方案 ID
輸出
一次性方案和聲明的存取權限
來源
config/products.ts

設定始終貼近產品

產品、Reaction Events、Commands 和存取檢查都有明確且具型別的定義,不會隱藏在特定服務供應商的整合程式碼裡。

執行階段Workers
契約型別安全
存取明確
saavo_starter: {
  plans: {
    license: {
      type: 'one-time',
      access: {
        entitlements: [{
          target: 'starter_download',
          config: { kind: 'boolean' }
        }]
      }
    }
  }
}
// Section_05 :: 開發生命週期

設定起始套件。 建置屬於您自己的產品。

設定好品牌、服務供應商、產品、Cloudflare 繫結和金鑰後,其餘開發時間就能投入產品功能,不必重新搭建 SaaS 基礎架構。

01

設定

設定品牌、服務供應商、產品、繫結和金鑰。

02

遷移

建立所需的 D1 資料庫並應用內建遷移。

03

建置

新增讓 SaaS 與眾不同的產品邏輯。

04

驗證

發布前執行型別檢查、測試和生產建置。

05

部署

建立所需的繫結,並將應用程式部署到 Workers。

// Section_06 :: 後台管理

從第一天就能管理產品。 而不是上線後再補。

內建的管理儀表板不是靜態 SaaS 範本。您可以搜尋使用者、檢查購買與存取權限、檢視 Reaction 執行結果、管理 OAuth 用戶端、處理客服需求,並追蹤維運記錄。

儀表板概覽互動式預覽 · 示範資料

概覽

即時匯總使用者、計費、客戶支援、可靠性和分析資料。

使用者

帳戶增長與服務供應商分布

使用者總數
1,284
本周新增 36 人
今日註冊
9
較昨日增加 2 人
Google67%
GitHub22%
電子郵件11%

訂閱

週期性計費狀態

有效
42
目前可存取
試用中
3
處於試用期
已取消
2
已結束
計劃取消
1
在週期結束時

客服單

支援工作量

待處理
7
需要審核
超過 24 小時
1
需要關注
今日
4
新客服單
本周
18
建立總數

流量概覽

所選時間範圍的分析摘要

瀏覽量
18,420
+12.8%
訪客
7,804
+8.4%
存取次數
9,210
+9.1%
跳出率
38.2%
-2.7%

熱門頁面

瀏覽量最高的路由

1. /6,842
2. /pricing4,631
3. /docs2,816

此公開預覽呈現儀表板實際的導覽、頁面層級、欄位和互動方式;其中的資料僅供示範。

// Section_07 :: 對比分析

採用 SaaS 專案範本。 保留產品工程能力。

Saavo 不能代替團隊做技術決策,但它已經打通商業化 SaaS 必需的各個系統,讓團隊從更完善的基礎框架開始開發,同時保留自由修改原始碼的空間。

從零開始基礎優先
設計身分與工作階段流程
連接結帳與經過驗證的 Webhook
建立角色和權益規則
建置管理資源操作
新增可重試的 Event 和 Command 處理
強化 Cloudflare 執行階段邊界
使用 SAAVO STARTER產品優先
設定內建身分驗證服務供應商
串聯產品與支付服務供應商
聲明存取權限與 Reaction 行為
擴充現有後台管理頁面
只建置產品特有模組
在內建 Cloudflare 模型上部署
// Section_08 :: 適合的開發者

這套 Cloudflare SaaS 起始套件適合 希望短時間可以讓產品上線的人。

Saavo 適合需要以正式環境為導向的基礎框架、希望完全掌控原始碼,並計畫在上線後持續擴充產品的開發者和小型團隊。

[A.01]

獨立開發者

希望擁有可靠起點,同時完全掌控原始碼的個人開發者。

[A.02]

AI SaaS 創始人

需要為 AI 產品配套身分驗證、計費、存取控制和後台管理的團隊。

[A.03]

API 產品團隊

正在開發範圍受控的 API、OAuth 整合和開發者產品的團隊。

[A.04]

小型團隊

需要 Cloudflare SaaS 起始套件、不想再花一個迭代週期建置基礎架構的小型團隊。

適用於微型 SaaSAI SaaSAPI 產品開發者工具B2B 儀表板內部平台
// Section_09 :: 開發者意見回饋

一套人們能夠 理解並擴充的起始程式碼庫。

開發者真正看重的不是冗長的功能清單,而是一套完整打通的系統:架構清晰、流程完整,並減少 SaaS 從構想到上線過程中需要反覆權衡的基礎架構問題。

“真正有價值的不是某一個功能,而是身分驗證、付款、存取控制和後台管理都建立在同一套應用模型上。”
AR
Alex Rivera
獨立 SaaS 開發者
Cloudflare 產品原型
“透過實際的服務和契約,我能清楚追蹤付款如何轉換為帳戶權益。這讓我更有信心在這套基礎上繼續擴充。”
MK
Morgan Chen
全端開發者
開發範本架構評審
“儀表板涵蓋了起始套件通常留到之後才做的工作:使用者、存取權限、購買、重試、客服和記錄。”
JL
Jordan Lee
產品工程師
管理工作流程評估
“清晰的分層邊界讓我知道業務規則、持久化、API 和 UI 各自應該放在哪裡,修改前不必先把整個專案逆向梳理一遍。”
CN
Casey Novak
後端工程師
架構示範
“大多數起始專案只能帶你做出精美的產品首頁。這個專案更重視那些不顯眼、卻會決定產品能否真正營運的系統。”
ST
Samira Patel
獨立創業者
新產品規劃
留言

分享使用體驗。

正在使用 Saavo Starter?歡迎告訴我們正在打造什麼、哪些功能節省了時間,以及還有哪些地方值得改進。

分享到 X / Twitter
// Section_10 :: Starter 授權

取得 Saavo SaaS 起始套件

一次性購買無週期性費用無試用

一次購買 Saavo Starter,即可透過帳戶權益存取適用於 Cloudflare Workers 的完整 TypeScript SaaS 專案範本。

[LICENSE_01]首發優惠

Saavo Starter

一次付款即可解鎖完整的 Cloudflare SaaS 起始套件,不需要訂閱,也沒有試用期。

  • 下載完整的 Saavo Starter 程式碼庫
  • 身分驗證、計費、存取控制、儀表板和說明文件均已串聯
  • 一次性付款,無週期性費用
付款規格
$169.00 一次性付款
$199.00節省 $30.00 · 優惠 15%
計費方式一次性付款
交付方式Starter 權益
存取權限付款後即可存取

說明文件

提供設定、架構和擴充指南

帳戶存取

付款後透過帳戶權益取得存取權

完全掌控原始碼

理解、修改並擴充程式碼

安全付款

由支付服務供應商代管並驗證結帳流程

// Section_11 :: 常見問題

問題, 都有答案。

Saavo Starter 最適合描述為 Cloudflare SaaS 起始套件與 TypeScript SaaS 專案範本。它不只提供 UI,還串聯了身分驗證、支付與交易、存取控制、Reaction Events 與 Commands、後台管理、OAuth2、客服、記錄、內容和 Cloudflare 繫結,所有模組都能自行設定與擴充。

// Section_12 :: 建置

跳過重複的 重複的基礎工作.
直接從 產品開始。

使用已串聯各項共用系統的 Cloudflare SaaS 起始套件,完整掌控原始碼,把下一個開發週期真正用在客戶願意付費的產品功能上。

一次性購買設定驅動的存取控制Cloudflare 原生完整原始碼