Open SaaS

Open SaaS

Wasp (wasp-lang) · 程式設計

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

Open SaaS 的介面預覽

關於 Open SaaS

About

什麼是 Open SaaS

Open SaaS 是一份免費範本,你在它上面打造自己的 SaaS 產品;它本身不是一個 SaaS 產品。它把幾乎每個團隊在新專案都會重寫的零件收在一起:經過驗證的使用者帳號、社群登入、訂閱結帳、管理後台、檔案上傳與寄信功能。技術底層是前端的 React、後端的 Node.js 與 Prisma,全部由 Wasp 串起來,這個框架只讀一份設定檔,就幫你產生黏合各部分的程式碼。

主打的是速度。你不必花一週搞定身分驗證、再一週處理 Stripe 的 webhook、第三週做設定頁面,而是直接複製儲存庫,從真正能賺錢的功能開始做。誰要付錢:不用,因為這份範本以自由使用與散布的授權釋出。你要準備的:自己的付款、寄信與主機服務金鑰。有一點得先講清楚。你採用的是 Wasp,這個選擇會決定專案的其他一切,從怎麼定義路由到怎麼部署都一樣。

開始使用

  1. 用 npm i -g @wasp.sh/wasp-cli 安裝 Wasp CLI
  2. 用 wasp new -t saas 建立專案,這會把乾淨的範本複製到新資料夾
  3. 填入你的金鑰:付款服務商(Stripe、Polar.sh 或 Lemon Squeezy)、寄信服務,以及需要時的 AI 供應商
  4. 啟動開發伺服器,再用一行指令把資料庫、伺服器與前端部署到 Railway 或 Fly.io,或你選的任何主機

產品資訊

快速了解 Open SaaS 的定價、支援平台與效能。

免費方案是
付費方案$0
平台Web, self-hosted, Railway, Fly.io
開發者Wasp (wasp-lang)
類別程式設計
發布日期Sep 2023
最近更新Oct 2025
網站訪問量16.4K
網站全球排名1.4M
API 提供狀態N/A

適合對象

這項工具最適合的使用者、任務與情境。

使用者

  • 獨立開發者與個人創作者:想要一套能跑的 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 框架為基礎,收齊了幾乎每個產品都需要的功能:使用者身分驗證、訂閱付款、管理後台、檔案上傳與寄信。你複製下來,從自己的功能開始做。