基于 Cloudflare 的开源框架,一个新关键词一个站,共享账号、积分、支付与 AI 生成能力。
fireact-dev/main
基于 React、TypeScript、Firebase 和 Stripe 的开源 SaaS 框架,内置认证、订阅计费、团队与国际化。
- Star
- 560
- Fork
- 181
- 未关闭 Issue
- 0
- 最近提交
- 2个月前
这是什么?
fireact.dev 是一套用于搭建生产级 SaaS 应用的开源框架,前端使用 React 与 TypeScript,后端基于 Firebase 的认证、Firestore 和 Cloud Functions,支付由 Stripe 处理。它的目标是省去登录、订阅和团队管理等基础功能的搭建工作,让项目从可运行的代码开始。
框架包含注册、登录、找回密码、用户资料管理、基于角色的权限控制,以及带权限设置的团队成员邀请。计费方面支持多套订阅方案、Stripe 账单门户与发票管理、支付方式管理,以及套餐升级和降级。通过 `create-fireact-app` 命令行工具可以生成新项目,并引导完成 Firebase 与 Stripe 的配置。
项目还内置了 Claude Code 技能(`/fireact-builder`),可以通过自然语言添加页面、组件、导航和 Cloud Functions。本地开发依赖 Firebase 模拟器,部署方面提供 Firebase Hosting、Functions 以及 GitHub Actions 的配置说明。
核心功能
- 01提供注册、登录、找回密码和用户资料管理
- 02支持基于角色的权限控制和带权限的团队邀请
- 03支持多套订阅方案,附带 Stripe 账单门户和发票管理
- 04支持套餐升级降级及支付方式管理
- 05内置 Claude Code 技能,可用自然语言添加页面、组件和云函数
- 06支持 Firebase 模拟器进行本地开发
适用场景
- 在 Firebase 上快速上线按订阅收费的 SaaS 产品,无需从零实现认证和计费
- 为 Web 应用添加带邀请和角色的团队协作功能
- 使用 Stripe 测试模式和本地模拟器原型化付费 Web 产品
快速上手
- 1
全局安装 create-fireact-app 命令行工具
npm install -g create-fireact-app - 2
使用该工具创建新项目
create-fireact-app <your-project-name> - 3
按提示选择 Firebase 项目并配置 Stripe
- 4
构建应用和云函数,然后启动 Firebase 模拟器
npm run build && cd functions && npm run build && cd .. && firebase emulators:start
使用前须知
- 要完整运行需要依赖 Firebase 和 Stripe 账户及相关配置。
- 部署到生产环境前需要手动更新生产配置和 Stripe 密钥。
收录于专题
标签
常见问题
- main 是什么?
- 基于 React、TypeScript、Firebase 和 Stripe 的开源 SaaS 框架,内置认证、订阅计费、团队与国际化。 fireact.dev 是一套用于搭建生产级 SaaS 应用的开源框架,前端使用 React 与 TypeScript,后端基于 Firebase 的认证、Firestore 和 Cloud Functions,支付由 Stripe 处理。它的目标是省去登录、订阅和团队管理等基础功能的搭建工作,让项目从可运行的代码开始。
- main 可以免费使用吗?用的什么许可证?
- main 以 MIT 许可证开源。用于商业产品前,请先确认许可证条款。
- main 还在维护吗?
- 半年内有更新。main 最近一次提交是在 2026年9月11日。
- main 适合用来做什么?
- 在 Firebase 上快速上线按订阅收费的 SaaS 产品,无需从零实现认证和计费 为 Web 应用添加带邀请和角色的团队协作功能 使用 Stripe 测试模式和本地模拟器原型化付费 Web 产品
- main 怎么安装和运行?
- 全局安装 create-fireact-app 命令行工具: npm install -g create-fireact-app 使用该工具创建新项目: create-fireact-app <your-project-name> 按提示选择 Firebase 项目并配置 Stripe 构建应用和云函数,然后启动 Firebase 模拟器: npm run build && cd functions && npm run build && cd .. && firebase emulators:start
- 在哪里获取 main?
- 源代码和安装说明在 GitHub 上:https://github.com/fireact-dev/main
概要由 AI 根据项目 README 生成;GitHub 数据每日更新。
相关项目
一个模块化的开源 Next.js SaaS 启动模板,内置认证、组织、Stripe 订阅、管理后台、文档、博客和更新日志,各模块可独立开关。
基于 Next.js 与 Tailwind CSS 的开源 SaaS 启动模板,内置认证、多租户和权限管理。
基于 React、Node.js、Prisma 和 Wasp 框架的免费开源 SaaS 启动模板,内置认证、支付和邮件功能。
开源的用量计费、积分计费与混合计费基础设施,支持实时计量,可云端或自托管。
面向 Angular 的 Firebase 官方集成库,提供依赖注入与 RxJS 风格的 Firebase 服务调用。