fireact-dev/main

これは何？

主な機能

• 01サインアップ、サインイン、パスワードリセット、ユーザープロフィール管理
• 02ロールベースのアクセス制御と、権限付きのチーム招待
• 03Stripeの請求ポータルと請求書に対応した複数のサブスクリプションプラン
• 04プランのアップグレードとダウングレード、支払い方法の管理
• 05ページ、コンポーネント、Cloud Functionsの追加に使えるClaude Code skill
• 06ローカル開発向けのFirebaseエミュレーター対応

ユースケース

• 認証や課金をゼロから実装せずに、Firebase上でサブスクリプション型SaaSプロダクトを立ち上げる
• メンバー招待やロールを備えたチームコラボレーション機能をWebアプリに追加する
• Stripeのテストモードとローカルエミュレーターを使って、有料Webプロダクトのプロトタイプを作る

クイックスタート

1. 1

   create-fireact-app CLIをグローバルにインストールします

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

   CLIを使って新しいプロジェクトを作成します

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

   CLIのプロンプトに従ってFirebaseプロジェクトを選択し、Stripeを設定します

4. 4

   アプリとFunctionsをビルドしてから、Firebaseエミュレータを起動します

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

使う前に知っておきたいこと

• !完全に動作させるには、FirebaseとStripeのアカウントおよび設定が必要です。
• !デプロイ前に、本番環境の設定とStripeキーを手動で更新する必要があります。

収録されている特集

トピック

よくある質問

main とは？

React、TypeScript、Firebase、Stripeを基盤に、認証、課金、チーム管理、i18nを備えたオープンソースのSaaSスターター。 fireact.devは、本番運用を想定したSaaSアプリケーションを構築するための土台です。ReactとTypeScriptのフロントエンドに、バックエンドとしてFirebase Authentication、Firestore、Cloud Functionsを組み合わせ、決済処理にはStripeを使用します。ログイン、サブスクリプション、チーム管理の初期実装を省き、動作するコードからプロダクト開発を始められることを目指しています。

main は無料で使えますか？ライセンスは？

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

main は今もメンテナンスされていますか？

半年以内に更新あり。main の最終コミットは 2026年9月11日 です。

main は何に使えますか？

認証や課金をゼロから実装せずに、Firebase上でサブスクリプション型SaaSプロダクトを立ち上げる メンバー招待やロールを備えたチームコラボレーション機能をWebアプリに追加する Stripeのテストモードとローカルエミュレーターを使って、有料Webプロダクトのプロトタイプを作る

main のインストール方法は？

create-fireact-app CLIをグローバルにインストールします: npm install -g create-fireact-app CLIを使って新しいプロジェクトを作成します: create-fireact-app <your-project-name> CLIのプロンプトに従ってFirebaseプロジェクトを選択し、Stripeを設定します アプリとFunctionsをビルドしてから、Firebaseエミュレータを起動します: npm run build && cd functions && npm run build && cd .. && firebase emulators:start

main はどこで入手できますか？

ソースコードとインストール手順は GitHub にあります：https://github.com/fireact-dev/main