kriasoft/react-starter-kit

これは何？

主な機能

• 01データベースからUIまで共有するDrizzle ORMのスキーマを使った、tRPCによる型安全なAPIレイヤー。
• 02Web、アプリ、API用に独立してデプロイできる3つのCloudflare Worker。
• 03メールOTP、パスキー、Google OAuth、組織に対応したBetter Auth。
• 04StarterプランとProプランを用意した、任意で導入できるStripeのサブスクリプション課金。
• 05Drizzleのマイグレーション、シードデータ、データベースStudio用コマンド。
• 06Terraformによるインフラ管理に対応したBun、Vite、Vitestのツールチェーン。

ユースケース

• サインイン、チーム、サブスクリプションを最初から備えた新しいSaaSプロダクトの立ち上げ。
• Postgresをバックエンドに、Cloudflare Workersのエッジ環境へデプロイするReactアプリの構築。
• フルスタックTypeScriptモノレポでtRPC、Drizzle、Better Authを連携させる方法の学習。

クイックスタート

1. 1

   テンプレートからプロジェクトを作成して、cloneします

2. 2

   依存関係をインストールします

   bun install
3. 3

   defaultsファイルをコピーして環境を設定します

   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、Better Auth、Stripe、Cloudflare Workersを使ったフルスタックSaaS向けスターターモノレポ。 React Starter Kitは、React 19とデータベースからUIまで型安全なスタックを使ってSaaS Webアプリを構築するためのモノレポテンプレートです。プロジェクトはマーケティングサイト、Reactのシングルページアプリ、HonoとtRPCによるAPIに分かれており、各アプリはサービスバインディングで接続された独立のCloudflare Workerとしてデプロイできます。

react-starter-kit は無料で使えますか？ライセンスは？

react-starter-kit は MIT ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。

react-starter-kit は今もメンテナンスされていますか？

活発にメンテナンス中。react-starter-kit の最終コミットは 2026年10月19日 です。

react-starter-kit は何に使えますか？

サインイン、チーム、サブスクリプションを最初から備えた新しいSaaSプロダクトの立ち上げ。 Postgresをバックエンドに、Cloudflare Workersのエッジ環境へデプロイするReactアプリの構築。 フルスタックTypeScriptモノレポでtRPC、Drizzle、Better Authを連携させる方法の学習。

react-starter-kit のインストール方法は？

テンプレートからプロジェクトを作成して、cloneします 依存関係をインストールします: bun install defaultsファイルをコピーして環境を設定します: cp .env .env.local すべてのアプリを開発モードで起動します: bun dev

react-starter-kit はどこで入手できますか？

ソースコードとインストール手順は GitHub にあります：https://github.com/kriasoft/react-starter-kit