
Open SaaS
Wasp (wasp-lang) · 程式設計
Open SaaS 是以 Wasp 為基礎的免費開源 SaaS 入門套件,把 React、Node.js 與 Prisma 和現成的身分驗證、付款、管理後台綁在一起。

關於 Open SaaS
About
什麼是 Open SaaS
Open SaaS 是一份免費範本,你在它上面打造自己的 SaaS 產品;它本身不是一個 SaaS 產品。它把幾乎每個團隊在新專案都會重寫的零件收在一起:經過驗證的使用者帳號、社群登入、訂閱結帳、管理後台、檔案上傳與寄信功能。技術底層是前端的 React、後端的 Node.js 與 Prisma,全部由 Wasp 串起來,這個框架只讀一份設定檔,就幫你產生黏合各部分的程式碼。
主打的是速度。你不必花一週搞定身分驗證、再一週處理 Stripe 的 webhook、第三週做設定頁面,而是直接複製儲存庫,從真正能賺錢的功能開始做。誰要付錢:不用,因為這份範本以自由使用與散布的授權釋出。你要準備的:自己的付款、寄信與主機服務金鑰。有一點得先講清楚。你採用的是 Wasp,這個選擇會決定專案的其他一切,從怎麼定義路由到怎麼部署都一樣。
開始使用
- 用
npm i -g @wasp.sh/wasp-cli安裝 Wasp CLI - 用
wasp new -t saas建立專案,這會把乾淨的範本複製到新資料夾 - 填入你的金鑰:付款服務商(Stripe、Polar.sh 或 Lemon Squeezy)、寄信服務,以及需要時的 AI 供應商
- 啟動開發伺服器,再用一行指令把資料庫、伺服器與前端部署到 Railway 或 Fly.io,或你選的任何主機
產品資訊
快速了解 Open SaaS 的定價、支援平台與效能。
適合對象
這項工具最適合的使用者、任務與情境。
使用者
- 獨立開發者與個人創作者:想要一套能跑的 SaaS 底層,又不想花錢請設計師或後端工程師來組的人
- 全端 JavaScript 開發者:已經熟悉 React 與 Node,希望身分驗證、付款與排程都處理好,好專心做產品的人
- 使用 AI 程式工具的開發者:用 Claude Code、Cursor 或 Codex 的人,因為儲存庫附了為這些助理準備的規則、skills 與外掛
- 小型新創團隊:正在驗證想法、需要幾天內做出能示範的應用,而不是拖一季的團隊
任務
- 加入驗證過的帳號:電子郵件加上 Google、GitHub、Slack 與 Microsoft 登入,都接好可用
- 設定訂閱收費:Stripe、Polar.sh 或 Lemon Squeezy 的結帳與 webhook,唯一要改的是你的產品 ID
- 建立管理後台:圖表、表格與使用者管理都已用 Shadcn UI 元件組好
- 上傳檔案到儲存空間:內附範例用的是 AWS S3 預簽章網址
- 寄送交易郵件:把寄信設定搭上排程工作,就能在對的時間寫信給使用者
情境
- 週末 MVP:你有一個驗證過的想法,想在一週結束前就讓東西上線
- 第一個商業 SaaS:第一次推出付費產品、不想在收費上出錯的開發者
- 學習全端結構:想找一個真實專案來研究各部分怎麼接起來的前端開發者
- 接案或代理工作:需要一個可重複使用的起點來做多個專案的小型工作室
主要功能
開箱即用的全端身分驗證
Open SaaS 內建經過驗證的電子郵件帳號,以及 Google、GitHub、Slack 與 Microsoft 登入,全部預先設定好。使用者資料屬於你,所以不必付第三方身分驗證費用,也沒有廠商握著你的登入流程。新增或移除一種登入方式,只是設定檔裡的幾行,不是重寫。
三種付款服務商
訂閱收費已為 Stripe、Polar.sh 與 Lemon Squeezy 準備好。結帳與 webhook 都接好了,你只要選一家並填入產品 ID。網站上的示範應用讓你先用卡號跑一次測試購買,再碰真正的錢。
管理後台
每個產品最後都會需要一個後台,而這裡已經蓋好了。後台把使用者管理與用 Shadcn UI 元件做的圖表、表格合在一起,網站也說明分析可以走 Plausible 或 Google Analytics。支援或營運人員需要的畫面,你不必從零設計。
全堆疊的型別安全
TypeScript 支援從頭到尾打通。Wasp 會讀你的後端函式,並在前端推導出型別,你不必另外安裝或設定同步層。差別在於:錯字是在建置時被抓到,還是到正式環境才發現。
為 AI 協作開發設計的環境
這個儲存庫是為了搭配 AI 助理寫程式而做。它附上專屬的 AGENTS.md、skills 與 Claude Code 外掛,還有一些預設值來減少助理得寫的樣板程式。當你把工作交給 Claude Code、Cursor 或 Codex,會少走一些冤枉路。
排程、寄信與檔案上傳
背景工作與排程只要在設定裡定義一個函式就能跑,寄信設定則可接 SendGrid、Mailgun 或一般 SMTP。檔案上傳走 AWS S3 預簽章網址,範例也寫得很完整。這些都是拖慢專案的瑣碎零件,在這裡它們是現成的。
部落格、文件與一行指令部署
Markdown 部落格跑在 Astro 的 Starlight 範本上,對 SEO 有幫助。Playwright 端對端測試與 GitHub Actions 的 CI 流程都包含在內。程式碼屬於你,所以沒有綁定問題:用一行指令部署到 Railway 或 Fly.io,或自己部署到任何主機。
優缺點
優點
- 完全免費且開源,沒有授權費,也沒有要付費才能解鎖核心功能的方案
- 身分驗證、付款、寄信、排程、檔案上傳與管理後台都在同一個儲存庫裡,省下好幾週的設定
- Wasp 提供全堆疊的型別安全與自動推導的型別,不必靠外部同步工具
- 為 AI 程式助理而做,附上規則、skills 與 Claude Code 外掛
- 沒有廠商綁定,你可以自己架,也能部署到 Railway、Fly.io 或任何其他主機
缺點
- 整個專案跑在 Wasp 上,採用這份範本就等於採用這個框架與它設定驅動的工作方式
- 你仍要自備並支付自己的服務,包括金流、寄信、主機與儲存空間
- 它是範本而非託管產品,所以沒有客服,更新也得自己處理
- 有些範例,例如 OpenAI 與 S3 的整合,需要你自己的金鑰與帳號才能運作
常見問題
Open SaaS 是一份免費開源、用來打造 SaaS 應用的入門套件。它在同一套 React 與 Node.js 程式碼裡,以 Wasp 框架為基礎,收齊了幾乎每個產品都需要的功能:使用者身分驗證、訂閱付款、管理後台、檔案上傳與寄信。你複製下來,從自己的功能開始做。
相關內容
探索與 Open SaaS 相關的工具、技能與文章。
Open SaaS 替代方案
Base Code
Base44 (Wix) · 程式設計 · 生產力Base Code 是 Base44 推出的共享雲端開發環境。團隊在對話中描述對既有 GitHub 儲存庫的修改,看著預覽確認結果,再以 Pull Request 交回工程團隊。
Google EmbeddingGemma 2
Google DeepMind · 寫作 · 圖片 · 程式設計Google EmbeddingGemma 2 是 7.4 億參數的開源模型,能把文字、程式碼、圖片、音訊與影片畫面轉成同一個 768 維空間裡的向量,在手機與筆電上就能執行。
GitGlow
GitGlow · 程式設計 · 生產力GitGlow 是桌面版 Git 用戶端,把你自己的程式碼與 AI 代理程式的變更集中在同一份審查裡,讓你在交付前看清楚機器上究竟要送出什麼。
