開放SaaS的故事
在建立應用程式時，我希望從最初激發該專案的獨特想法開始，而不是花費數週時間配置身份驗證、付款和用戶管理。
當然，也有付費的第三方解決方案可以快速整合身份驗證、cron 作業和電子郵件發送等功能。且付費的 SaaS 樣板也存在。
但當我查看時，令人驚訝的是沒有出色的全功能開源解決方案可以快速建立 SaaS。
所以我決定要建一個。
我很高興地宣布，它現在在 GitHub 上已有超過 10,000 顆星！
什麼是開放 SaaS？
對於不熟悉的人來說， Open SaaS是一個100% 免費且開源的、功能齊全的 SaaS 入門套件，建立在Wasp全端框架之上（使用 React、Node.js 和 Prisma）。
它的使命很簡單：
透過提供具有以下基本功能的開源、全功能基礎來加速並專注於您的 SaaS 開發：
-
身份驗證（電子郵件、Google、github 等）
-
付款（Stripe 或 Lemon Squeezy 整合）
-
使用 OpenAI API 的範例應用程式
-
AWS S3 檔案上傳
-
電子郵件發送
-
管理儀表板
-
更多功能，開箱即用
最好的部分是，它不像其他模板那樣依賴大量付費的第三方服務，因此您可以擁有更多的應用程式（哦，您也可以將它部署到任何您想要的地方）。
自推出以來，Open SaaS 不僅聚集了眾多明星；它使開發人員能夠更快地啟動無數專案，將想法轉化為有利可圖的業務，有時只需幾天時間。
看到人們用它建立的應用程式和業務真是令人瘋狂，例如下面的一些（是的，它們都是用 Open SaaS 建立的🤩）：
-
SearchCraft.io - 強大的搜尋 SDK
-
Prompt Panda - 提示庫
-
Scribeist ——SEO優化的AI寫作
除了使用它建置的所有很酷的東西之外，Open SaaS 的一個有趣的副作用是它也成為了Wasp 生態系統的基石，展示了框架的強大功能，並在此過程中真正讓開發人員感到高興。
支持我們！ 🙏⭐️
我們在 Wasp 所做的一切都是開源的。您可以在 Github 上給我們一個星星來表示您的支持。它幫助我們使 Web 開發變得更容易，並激勵我們撰寫更多這樣的文章！
{% cta https://github.com/wasp-lang/wasp %} ⭐️ 感謝您的支持 🙏 {% endcta %}
揭秘：Wasp 的優勢
開放式 SaaS於 2023 年 12 月推出，其採用幾乎立即開始。正面的迴響令人驚訝，但它證實了我們的信念，即開發人員需要一個高品質的開源 SaaS 樣板啟動器。
雖然 Open SaaS 利用了 React、NodeJS 和 Prisma 等熟悉的工具，並附帶了大量內建範例，如 OpenAI 範例應用程式、AWS S3 檔案儲存等，但其秘密在於將它們粘合在一起的核心工具選擇： Wasp 框架。
Wasp 之所以特殊，是因為它是唯一一個能夠真正管理困擾現代 Web 開發的繁瑣樣板檔案的全端框架。
它透過使用中央設定檔和編譯器來實現這一點，允許開發人員（和 AI）僅用幾行程式碼定義大量全端功能。
中樞神經系統： main.wasp
將main.wasp設定檔視為應用程式的中樞神經系統。在這裡，您可以聲明性地定義應用程式的關鍵方面：
-
身份驗證方法
-
資料庫模型（透過 Prisma 整合）
-
路線和頁面
-
API 端點（查詢與操作）
-
後台作業
-
電子郵件發送
-
....以及更多。
此設定檔可作為應用程式架構的單一「真實來源」 ，這是我們在有關 AI 輔助工作流程的貼文中強調的一個概念，它可以幫助您作為開發人員真正快速、輕鬆地獲得複雜的 Web 應用程式功能。
以下是main.wasp檔案的簡短程式碼片段：
app exampleApp {
wasp: { version: "^0.16.3" },
title: "Example App",
auth: {
userEntity: User,
methods: {
email: {},
github: {},
},
}
}
route LoginRoute { path: "/login", to: Login }
page Login {
component: import { Login } from "@src/features/auth/login"
}
route EnvelopesRoute { path: "/envelopes", to: EnvelopesPage }
page EnvelopesPage {
authRequired: true,
component: import { EnvelopesPage } from "@src/features/envelopes/EnvelopesPage.tsx"
}
query getEnvelopes {
fn: import { getEnvelopes } from "@src/features/envelopes/operations.ts",
entities: [Envelope, UserBudgetProfile]
}
action createEnvelope {
fn: import { createEnvelope } from "@src/features/envelopes/operations.ts",
entities: [Envelope, UserBudgetProfile]
}
//...Wasp 編譯器：魔法發生的地方
然後， Wasp 編譯器接管。它會分析您的.wasp聲明以及您的自訂 React 和 Node.js 程式碼（您在其中編寫特定的業務邏輯）並智慧地產生完整的底層程式碼。
其中包括：
-
設定伺服器和資料庫連線。
-
使用完全類型安全的方式連接客戶端和伺服器之間的通訊。
-
處理複雜的身份驗證流程和會話管理。
-
使用
wasp deploy等指令簡化部署。
以此作為開放 SaaS 的基礎，這直接意味著基本功能的程式碼和複雜性更少。
換句話說，您可以專注於建立自己獨特的產品，而不必費力地將所有部分組合在一起。
實作新的身份驗證方法、新增後台作業或定義受保護的路由就像在main.wasp檔案中加入幾行程式碼一樣簡單。
這使得 Open SaaS 應用程式功能豐富且易於維護，而且至關重要的是易於理解和擴展。
開放 SaaS + AI = Vibe 編碼超能力
這也意味著Open SaaS非常適合AI輔助開發。
為什麼？
因為人工智慧輔助開發（或有人稱之為「氛圍編碼」）的有效性很大程度上取決於底層程式碼庫的結構和清晰度。
{% 嵌入 https://www.youtube.com/watch?v=WYzEROo7reY
%}Open SaaS 建立在 Wasp 之上，這使得它非常適合 AI 輔助開發，主要有兩個原因：
透過 Wasp 的配置清晰的架構： main.wasp檔案是 AI 工具的完美「真相來源」。
當人工智慧助理需要了解您的應用程式的結構（其路線、模型、操作和功能）時，所有內容都清楚地列在一個聲明文件中。
這使得人工智慧更容易理解上下文並產生準確、相關的程式碼。
專注於業務邏輯：由於 Wasp 的編譯器處理底層基礎設施，您和您的 AI 助理都可以專注於實現您的獨特功能。
無需浪費時間讓 AI 產生或解釋用於身份驗證流程、API 設定或資料庫連接的樣板程式碼——Wasp 會處理所有這些。
這意味著 LLM 需要編寫的程式碼要少得多，並且可以消除將堆疊的不同部分連接到 Wasp 的複雜性。
（順便說一句，如果你想了解如何使用 Open SaaS 和 Cursor 等 AI 輔助開發工具，請務必觀看YouTube 上這段 3 小時的示範教學）
在 Open SaaS 的強大基礎之上，在這樣的氛圍編碼工作流程中使用 AI 工具可以建立一個強大的開發環境，您和您的 LLM 夥伴只需專注於有趣的東西 -您的 SaaS 應用程式的業務邏輯。
開放SaaS的未來
獲得 10,000 個 GitHub 星標是一個里程碑，但這只是一個開始。我和社群正在積極致力於使 Open SaaS 變得更加強大和靈活。
以下是我們為您準備的一些物品：
-
使用 Shadcn UI 進行徹底的重新設計：我們正在對 Open SaaS 模板進行徹底的重新設計，利用Shadcn UI的強大功能使其更加現代化和用戶友好。
-
更多範例應用程式：即用型應用程式模板，例如利用 AI API 的應用程式模板（因為有 GPT Wrappers！）。
-
增強的管理功能：透過更多分析、基於角色的身份驗證和自訂選項擴充來管理儀表板。
順便說一句，如果您有任何功能請求，請透過在GitHub上建立問題或討論讓我們知道。
無論您是希望貢獻新功能的 React 開發人員、有興趣改進 UI 的設計師，還是剛剛發現錯誤的人，都不要害羞！
準備好建造您的 SaaS 了嗎？
在短短幾個月內，Open SaaS 從一個想法發展成為GitHub 上最受歡迎的 SaaS 儲存庫之一，它幫助開發人員透過編寫更少的樣板程式碼來啟動 SaaS 應用程式。
透過結合：
-
功能強大、功能齊全的 SaaS 入門工具
-
Wasp 框架的強大與簡單
-
一個活躍、互助的社區
-
適用於現代開發工作流程的 AI 友善架構
Open SaaS 不再只是一個模板。
如果您想開始建置 SaaS，您需要做的就是安裝 Wasp並透過執行以下命令來取得 Open SaaS 範本：
curl -sSL https://get.wasp.sh/installer.sh | sh
wasp new -t saas之後，請查看Open SaaS 文件📚，其中概述了您需要了解的所有內容以及逐步設定指南！
並且不要忘記：
-
⭐️在 GitHub 上為 Open SaaS點贊，以支持該專案
-
⭐️ GitHub 上的 Star Wasp支援該框架
-
💬 加入Wasp Discord 社區，與其他建造者建立聯繫
原文出處：https://dev.to/wasp/from-0-to-10k-how-open-saas-became-the-free-boilerplate-devs-love-45hb
1) --- 會變成分隔線（上一行必須是空白）
2) # 會變成一級標題
3) ## 會變成二級標題
4) ### 會變成三級標題
5) **粗體文字**會顯示粗體文字
6) ```當第一行與最後一行會顯示程式碼
7) 請搜尋 Markdown 語法，了解各種格式