Repolode
fireact-dev

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. 1

    全局安装 create-fireact-app 命令行工具

    npm install -g create-fireact-app
  2. 2

    使用该工具创建新项目

    create-fireact-app <your-project-name>
  3. 3

    按提示选择 Firebase 项目并配置 Stripe

  4. 4

    构建应用和云函数,然后启动 Firebase 模拟器

    npm run build && cd functions && npm run build && cd .. && firebase emulators:start

使用前须知

  • 要完整运行需要依赖 Firebase 和 Stripe 账户及相关配置。
  • 部署到生产环境前需要手动更新生产配置和 Stripe 密钥。

收录于专题

标签

#saas#react#firebase#stripe#typescript#authentication#subscription-billing#saas-boilerplate

常见问题

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 数据每日更新。

相关项目