kriasoft/react-starter-kit

这是什么？

核心功能

• 01基于 tRPC 的类型安全 API 层，Drizzle 数据模型贯穿数据库到界面。
• 02web、app、api 三个应用各自作为 Cloudflare Worker 独立部署。
• 03Better Auth 认证，支持邮箱验证码、Passkey、Google 登录和组织。
• 04可选的 Stripe 订阅计费，内置入门版与专业版方案。
• 05提供 Drizzle 迁移、种子数据和数据库可视化命令。
• 06使用 Bun、Vite、Vitest 工具链，并通过 Terraform 管理基础设施。

适用场景

• 从零开始开发需要登录、团队和订阅功能的 SaaS 产品。
• 构建部署在 Cloudflare Workers 边缘节点、以 Postgres 为后端的 React 应用。
• 学习如何在 TypeScript monorepo 中组合 tRPC、Drizzle 与 Better Auth。

快速上手

1. 1

   从模板创建你的项目并克隆到本地

2. 2

   安装依赖

   bun install
3. 3

   复制默认环境变量文件进行配置

   cp .env .env.local
4. 4

   以开发模式启动所有应用

   bun dev

使用前须知

• !需要 Bun v1.4+ 作为运行时和包管理器，替代 Node.js 和 npm。
• !部署面向 Cloudflare Workers，需要 Cloudflare 账户。
• !完整功能需要 Neon PostgreSQL 数据库和用于邮件登录的 Resend API 密钥。

标签

常见问题

react-starter-kit 是什么？

基于 React 19、tRPC、Drizzle ORM 和 Cloudflare Workers 的全栈 SaaS 启动模板，内置认证与订阅计费。 React Starter Kit 是一个用于构建 SaaS 网页应用的 monorepo 模板，基于 React 19，并通过 TypeScript 与 tRPC 实现从数据库到界面的端到端类型安全。项目分为营销站点、React 单页应用和基于 Hono 与 tRPC 的 API 服务，每个应用作为独立的 Cloudflare Worker 部署，通过 service bindings 相互连接。

react-starter-kit 可以免费使用吗？用的什么许可证？

react-starter-kit 以 MIT 许可证开源。用于商业产品前，请先确认许可证条款。

react-starter-kit 还在维护吗？

活跃维护中。react-starter-kit 最近一次提交是在 2026年10月19日。

react-starter-kit 适合用来做什么？

从零开始开发需要登录、团队和订阅功能的 SaaS 产品。 构建部署在 Cloudflare Workers 边缘节点、以 Postgres 为后端的 React 应用。 学习如何在 TypeScript monorepo 中组合 tRPC、Drizzle 与 Better Auth。

react-starter-kit 怎么安装和运行？

从模板创建你的项目并克隆到本地 安装依赖: bun install 复制默认环境变量文件进行配置: cp .env .env.local 以开发模式启动所有应用: bun dev

在哪里获取 react-starter-kit？

源代码和安装说明在 GitHub 上：https://github.com/kriasoft/react-starter-kit