frontend saas boilerplate react apollo graphql TS

SaaS 工廠

更快推出免費、開源、SaaS 產品的標準模型

我們的願景是，有固定工作的程式設計師可以利用這個樣板在周末啟動一個業餘專案。

樣板架構

• 前端應用程式（本儲存庫） ：Vite；反應；順風 CSS；阿波羅客戶端；圖表；打字稿

• 後端應用程式：節點；表達;阿波羅伺服器；圖表；棱鏡；打字稿

• 整合：Stripe、Imagekit、Loops So

示範

https://demo.thesaasfactory.dev/

超級管理員憑證

• 電子郵件：[email protected]
• 通過：Demo@2023

條帶測試卡號碼

• 4242 4242 4242 4242
• 12/28
• 123

文件

https://docs.thesaasfactory.dev/

主要特點

1. GraphQL with Apollo：基於GraphQL的架構使資料檢索變得高效，而Apollo Client則簡化了應用程式狀態管理，增強了使用者體驗並降低了伺服器負載。

2. TypeScript：利用 TypeScript 靜態型別系統的強大功能在編譯時偵測並防止錯誤，從而在開發過程中提高信心和生產力。

3. React：使用 React 建立動態和響應式使用者介面，React 是領先的 JavaScript 程式庫，用於建立可重複使用且易於維護的元件。

4. Tailwind CSS：使用 Tailwind CSS 簡化應用程式的設計和樣式，這是一個實用程式優先的框架，使您能夠快速自訂應用程式的外觀，而無需犧牲程​​式碼可讀性。

5. Prisma： Prisma 是目前管理資料庫最好的 ORM 之一

6. 職員：強大的身份驗證管理器，可讓您新增社交提供者並管理組織、權限和角色 使用此樣板可以避免做什麼

7. Stripe： Stripe 是管理訂閱和付款的最佳支付網關

整合模組

• 登陸頁面
• 反應靈敏
• 黑暗主題
• 管理員和超級管理員的儀表板
• 關鍵績效指標模組
• 通知模組
• 組織切換員（文員）
• 組織簡介（文員）
• 使用者簡介（文員）
• 票務支援模組
• 超級管理員設定模組
• 行銷模組
• Stripe 發票和會員模組
• 用於媒體儲存的 Imagekit 集成
• 內部組件可協助您快速建立污垢
• 使用者管理
• 組織管理
• 訂閱管理
• 訂閱計劃管理
• 會員計劃能力支持

路線圖

一月：

• 改進 TypeScript 打字
• 完善核心部件
• 加入西班牙語和葡萄牙語翻譯

截圖

更快地開始建立您的 SaaS