[Github发现] Open SaaS – 1免费开源 SaaS boilerplate,React+Node.js+Prisma 标配支付认证
做 SaaS 产品最耗时的地方从来不是核心业务逻辑,而是认证、支付、邮件、文件上传、后台管理这些「基础设施」。今天介绍的这个开源项目,直接把这些全部打包好,帮你从零开始搭建一个生产级别的 SaaS 应用。
Open SaaS 是一个 100% 免费开源的 SaaS 应用模板,基于 Wasp 全栈框架构建,使用 React + Node.js + Prisma 技术栈。目前在 GitHub 已有 13.7k Stars、1.6k Forks,是同类开源模板中最受欢迎的项目之一。
相关链接
- GitHub 地址:https://github.com/wasp-lang/open-saas
- 在线 Demo:https://opensaas.sh
- 官方文档:https://docs.opensaas.sh
- 模板命令:
wasp new -t saas
Open SaaS 是什么
Open SaaS 是由 Wasp 团队维护的开源项目。Wasp 本身是一个专注于全栈开发的新型框架,它的设计理念是「声明式配置代替重复代码」——你在 main.wasp 文件中描述应用的结构和功能,Wasp 自动生成对应的后端和前端代码。
在这个模板里,Wasp 团队把一个商业 SaaS 产品需要用到的所有常见功能全部集成好了:
- 多种登录方式(邮箱验证、Google、GitHub、Slack、Microsoft)
- Stripe / Polar.sh / Lemon Squeezy 三大主流支付集成
- 邮件发送(SendGrid、MailGun、SMTP)
- 定时任务和后台队列
- AI 功能集成示例(OpenAI API + Function Calling)
- 文件上传(AWS S3)
- 后台管理界面(ShadCN UI + Tailwind CSS)
- 数据分析集成(Plausible / Google Analytics)
- E2E 测试(Playwright)+ CI 流水线(GitHub Actions)
技术架构一览
Open SaaS 的技术选型兼顾了开发效率和生产稳定性,以下是各层的核心技术:
| 层级 | 技术栈 |
|---|---|
| 前端框架 | React + TypeScript |
| 全栈框架 | Wasp(核心) |
| 后端运行时 | Node.js |
| 数据库 ORM | Prisma |
| 样式组件 | ShadCN UI + Tailwind CSS |
| 文档/博客 | Astro(Starlight 模板) |
| 支付集成 | Stripe / Polar.sh / Lemon Squeezy |
| 文件存储 | AWS S3 |
| 邮件发送 | SendGrid / MailGun / SMTP |
| AI 集成 | OpenAI API(带 Function Calling 示例) |
| 数据分析 | Plausible / Google Analytics |
| 测试框架 | Playwright E2E |
核心功能详解
1. 开箱即用的认证系统
用户注册登录是每个 SaaS 产品的必备功能,但自己实现一套支持邮箱验证、社交登录、Session 管理的系统既费时又容易出安全问题。Open SaaS 基于 Wasp 的认证功能,让你用几行配置就搞定:
- 邮箱 + 密码注册(支持邮箱验证)
- Google 账号登录
- GitHub 账号登录
- Slack 账号登录
- Microsoft 账号登录
Wasp 会自动处理 Session 管理、Token 刷新等细节,后端和前端都能获得完整的类型安全。
2. 多支付平台集成
这是 Open SaaS 最实用的功能之一。模板同时支持 Stripe、Polar.sh 和 Lemon Squeezy 三种支付方案,你可以根据自己的业务需求和用户群体自由选择。
内置功能包括:订阅管理、一次性付费、免费试用、分层定价(Pricing Tiers)。Wasp 的定时任务功能会自动从支付平台拉取数据,每小时同步到本地数据库,让你的应用不依赖第三方后台来查看财务数据。
3. 后台管理界面
模板内置了一套完整的管理后台,使用 ShadCN UI + Tailwind CSS 构建,界面美观且响应式。管理员可以查看用户列表、订阅状态、收入数据等核心指标。
4. AI 功能集成
Open SaaS 内置了 AI 集成示例,展示了如何在 Wasp 项目中调用 OpenAI API,包括 Function Calling 的用法。结合 Wasp 的 Jobs 功能,你可以轻松实现 AI 驱动的自动化邮件、报表生成、智能助手等场景。
模板还提供了配套的 AI 调度助手 Demo 应用,可以直接参考这个案例来开发自己的 AI SaaS 产品。
5. 文件上传(S3 集成)
原生支持 AWS S3 文件上传功能,配置好环境变量后即可使用。适合用户头像、文档、图片等常见上传场景。
6. 定时任务与后台队列
Wasp 的 Jobs 功能让你无需额外配置 Redis 或队列服务,就能定义定时任务和后台任务。在 Open SaaS 中,这个功能被用于自动同步支付平台数据、自动发送邮件等场景。
7. 自动化测试与 CI
模板内置了 Playwright E2E 测试用例和 GitHub Actions CI 流水线,推送到仓库后自动运行测试,确保代码质量。
快速上手
环境要求
- Node.js 18+
- npm 或 yarn
- Wasp CLI
安装步骤
第一步:安装 Wasp CLI
npm i -g @wasp.sh/wasp-cli
第二步:创建新项目
wasp new -t saas
这条命令会自动克隆 Open SaaS 模板,生成一个完整的项目目录。
第三步:进入目录并启动
cd your-project-name
wasp start
启动后访问 http://localhost:3000 即可看到完整的 SaaS 应用,涵盖用户认证、订阅管理、AI 助手演示等功能。
配置支付功能
在 .env.server 文件中配置你的 Stripe/Polar/Lemon Squeezy 密钥,参考文档:https://docs.opensaas.sh/guides/payments
一键部署
Open SaaS 支持多种部署方式,最简便的是通过 Wasp CLI 一键部署到 Railway 或 Fly.io:
wasp deploy railway up
文档中有详细的部署指南,包括环境变量配置、支付平台 Webhook 设置、数据库迁移等步骤。参考:https://docs.opensaas.sh/guides/deploying
AI 编码工具支持
Open SaaS 专门针对当下流行的 AI 辅助编程工具做了优化,提供了对应的插件、技能和规则配置:
- Claude Code:官方推荐的 AI 编程工具,可直接用 Open SaaS 的规则集
- Cursor:支持 AI 规则配置的 IDE
- 其他 Agent 工具(Codex、OpenCode 等)均可配合使用
官方建议使用 ./tools/wasp 脚本来代替常规的 wasp 命令,这样在开发分支上也能使用 Wasp 的最新功能。
适用人群
- 独立开发者:想快速验证 SaaS 产品想法,不需要从零搭建基础设施
- 创业团队:需要一套生产级别的模板来加速 MVP 开发
- 全栈工程师:想学习 Wasp 框架或参考其认证、支付等实现方式
- AI 应用开发者:需要 AI 集成示例来快速落地 OpenAI 应用
总结
Open SaaS 最大的价值在于它替你解决了 SaaS 开发中 80% 的重复工作:认证、支付、邮件、文件上传、后台管理、CI/CD——所有这些只需要几行命令就能跑起来。
核心亮点回顾:
- 13.7k GitHub Stars,社区活跃度高
- 100% 免费开源,MIT 协议,可商用
- 三套支付方案(Stripe/Polar/Lemon Squeezy)任选
- 多社交登录(Google/GitHub/Slack/Microsoft)
- AI Ready:内置 OpenAI 集成示例
- 一键部署到 Railway 或 Fly.io
- 类型安全:前后端自动推导类型,减少 Bug
如果你正在筹备一个 SaaS 产品,或者想体验一下 Wasp 框架的开发效率,Open SaaS 模板是目前最值得尝试的开源方案之一。
用 wasp new -t saas 试试看,说不定下一个爆款产品就从此诞生。
© 版权声明
本站部分内容源于网络收集,文章等版权归原作者所有,若需删稿请联系管理员邮箱:[email protected]
相关文章
暂无评论...