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