阿川私房教材:學程式,拿 offer!

63 個專案實戰,直接上手!
無需補習,按步驟打造你的面試作品。

立即解鎖你的轉職秘笈

長篇大論;博士

SaaS 樣板啟動器隨處可見,但它們非常昂貴(約 200-800 美元)。

我想為 React 和 NextJS 找到最好的免費開源 SaaS Starters,這些 Starters 將在 2024 年積極維護。

在下面的文章中,我將介紹每個初學者的功能及其優缺點,所以如果您有興趣,請繼續閱讀。但我還在下面整理了這個漂亮的圖表,可以一目了然地對它們進行比較(順便說一句,文章底部有同一圖表的文本版本,帶有可點擊的連結)。

享受!

圖片描述

介紹

軟體即服務 (SaaS) 應用程式是獨立駭客和個人企業家賺錢的最佳方式之一。這就是為什麼 SaaS 樣板啟動器正在崛起!但其中一些售價高達 2,000 美元以上,平均價格約為 200 美元。

這就是為什麼我開始尋找是否有免費的開源 SaaS 啟動器以及它們的表現如何。在找到了很多但注意到大多數不再積極維護後,我將範圍縮小到這四個免費的開源 SaaS Starter:BoxyHQ 的 SaaS Starter、Open SaaS、SaaS Starter Kit 和 Next SaaS Stripe Starter。

BOXYHQ SaaS 入門套件

您的終極企業級 Next.js 樣板”

圖片描述

圖片描述

BoxyHQ 是一家專注於安全的公司,專注於單一登入 (SSO) 和企業安全解決方案。因此,這個 SaaS 入門套件雖然免費且開源,但更專注於企業需求也就不足為奇了。

因此,如果您正在尋找一個外觀簡潔、具有安全 SAML SSO、使用者帳戶建立、團隊建立和管理以及 Webhooks 和事件整合功能的樣板,那麼這就是您的範本。

優點:

  • SAML 單一登入

  • 全面的角色和權限

  • 專注於企業SaaS應用程式開發

缺點:

  • 更適合企業級應用程式,這對於較小的專案來說可能有點過分

  • 一些即將推出的功能(例如計費和訂閱)尚未實現

開放 SaaS

免費具有超能力的 SaaS 範本」

圖片描述

圖片描述

Open SaaS 專注於建立一個功能齊全的開源 SaaS 樣板,它擁有您期望從付費模板中獲得的一切,包括整合的人工智慧。範例、為您的網站流量和收入統計配置的分析儀表板以及完整的文件和支援。

它由 Wasp 團隊為您帶來,這是一個全端 React / NodeJS / Prisma 框架,可透過設定檔為您管理功能。例如,這意味著您只需幾行程式碼即可“推出您自己的身份驗證”,因為 Wasp 會為您管理樣板檔案。

優點:

  • 利用Wasp進行全端開發,減少開發時間

  • 擁有完整的文件和多元化且支持性的社區

  • 與 OpenAI API 集成,並包含人工智慧驅動的應用程式範例

  • 開箱即用的端到端類型安全

缺點:

  • 可能缺少一些更廣泛的 SaaS 應用程式功能,例如測試

  • 依賴 Wasp,一個鮮為人知但高效能的全端框架

SaaS 入門套件

圖片描述

圖片描述

SaaS 入門套件是一個現代 SaaS 樣板,旨在建立具有免費/開源和專業/付費選項的全面 SaaS 解決方案。

這是一個簡單、乾淨的 UI,包含許多漂亮的 UI 元件,包括 Shadcn UI 分析儀表板元件。但不幸的是,您必須將它們與您自己的資料來源集成,因為大多數樣板都沒有管道。

目前它缺少很多配置,但看起來它在未來可能是一個有前途的模板

優點:

  • 提供免費版和專業版,使其能夠滿足多種需求

  • 精心設計的 UI 元件,專門用於管理儀表板

缺點:

  • 具有增強功能的專業版不是免費的,這可能會讓一些用戶望而卻步

  • 主要是內建Auth的UI元件集合,所以開發者還需要做很多工作

下一個 SaaS Stripe 入門者

圖片描述

圖片描述

Next SaaS Stripe Starter 是一個簡單、乾淨的 SaaS 樣板,可利用現代、流行的工具。儘管它不像其他一些軟體那麼功能齊全,但由於使用了 Shadcn UI 和 Contentlayer,它看起來很漂亮,並且有一個時尚的部落格。一般來說,它處於良好的狀態,可以用作 SaaS 的基礎。

如果您正在尋找一個最小的 NextJS 模板並且可以進行大量自訂和功能開發,那麼這就是適合您的模板。

優點:

  • 看起來不錯並且利用了各種流行的工具。

  • 它包括未來的更新,涵蓋成功訂閱和切換訂閱計劃的重新發送功能。

缺點:

  • 很少甚至沒有文件

  • 不像其他模板那樣功能豐富。

六。結論與建議

雖然所有 SaaS Starter 都為您的專案提供了良好的基礎,但如果您正在開發企業級應用程式,請考慮 BOXYHQ。如果您正在尋找可立即投入生產的模板並希望快速交付,那麼 Open SaaS 將是理想的整體模板,而如果您正在建置簡單/微型 SaaS 並且想要現代設計美感,則 Next SaaS Stripe Starter 則適合您。

| | BoxyHQ SaaS 入門套件 | 開放SaaS | SaaS 入門套件 | 下一個 SaaS Stripe 入門 |

| --- | --- | --- | --- | --- |

| 適合 | 🏢 📈<br/>企業。對於需要 Teams 功能的應用程式 | 🧑‍💻🤖 <br/>獨立駭客和新創公司快速建立現代 (AI) 應用程式 | 🧑‍💻🔧 <br/>獨立駭客正在尋找優秀的 UI 元件集合 | 🧑‍💻🎨 <br/>獨立駭客正在尋找簡約、時尚的 SaaS 樣板。 |

| 易於使用 | 6/10 <br/>複雜,以企業為中心。 | 8/10 <br/>精簡且快速。有據可查。 | 5/10 <br/>需要大量額外設定。 | 7/10 <br/>良好的基礎,但缺乏一些功能 |

| 授權 |透過 Auth.js 驗證電子郵件、SAML SSO、Google、Github |電子郵件已驗證,Google,Github 透過 Wasp w/ Lucia |電子郵件、Google 透過 Auth.js |谷歌透過 Auth.js |

| 管理儀表板 |限團隊管理 |內建和預先配置的網站和收入分析 |用於收入分析的 UI 元件(未配置) |無 |

| 付款 |否(即將推出)|條紋| Stripe(+ Lemonsqueezy 付費版)|條紋|

| 分析 |透過 Mixpanel 進行第 3 方(付費)|合理(免費、開源)或 Google | Vercel 分析(付費)| Vercel 分析(付費)|

| 人工智慧.準備好了 |沒有 |內建 AI 支援 https://opensaas.sh (OpenAI API) |沒有 |沒有 |

| 端對端類型安全性 |沒有 |是的 |沒有 |沒有 |

| 電子郵件發送器 |郵件發送 | SendGrid、EmailGun 或 SMTP |重新發送 |重新發送 |

| 內建部落格 |沒有 |是(透過 https://astro.build/)|否(付費版本,是)|是(透過 https://contentlayer.dev/)|

| 造型 |順風|順風| Tailwind,Shadcn ui | Tailwind,Shadcn ui |

| 使用者介面與設計 |基本 |款式好看|帶有漂亮 UI 元件的基本 |現代、時尚的造型|

| 社區支持 | https://discord.gg/uyb7pYt4Pa | https://discord.gg/aCamt5wCpS | https://www.reddit.com/r/saas_kit/(發佈時沒有討論)|無 |

| 文件 |基本 |非常詳細|基本 |可憐|

| 演示應用程式 |無 | https://opensaas.sh | https://www.saasstarterkit.com/ | https://next-saas-stripe-starter.vercel.app/ | https://next-saas-stripe-starter.vercel.app/


原文出處:https://dev.to/vincanger/best-free-open-source-saas-starters-for-react-nextjs-2024-4nbn


共有 0 則留言


精選技術文章翻譯,幫助開發者持續吸收新知。

阿川私房教材:學程式,拿 offer!

63 個專案實戰,直接上手!
無需補習,按步驟打造你的面試作品。

立即解鎖你的轉職秘笈