🧠 典型的な構成

[React (Vercel Hosting)]
        ↓
  Firebase Authentication
        ↑
[Backend API (Vercel Serverless / Cloud Run / 任意)]

• React（Vercel）
  • Firebase Auth の SDK を使ってログイン／トークン取得
  • 取得した ID トークンを API リクエストに付けて送信
• Firebase Authentication
  • 認証（ログイン・セッション・SNS連携など）を担う
• Backend API
  • Vercel Serverless Functions、Cloud Run、その他のホスティングで FastAPI などを動かす
  • 受け取った Firebase ID トークンを検証し、認証済み API として扱う

このように 認証部分だけ Firebase に任せて、アプリ全体は別のプラットフォームでデプロイする運用が可能です。(Zenn)

👍 利点

✅ 1) Firebase で認証を完結できる

• メール・パスワード、SNSログイン、パスワードレスなど

• Firebase 側でログイン UI の処理やトークン発行を安全に担ってくれる

  → 自前で認証ロジックを実装する必要がなくなる

✅ 2) Vercel など別の場所で柔軟にデプロイ可能

• React や API をそれぞれ好きなサービスに載せられる
• Vercel は特にフロント回り（Next.js / React のホスティング）に強い

Firebase Authentication のログイン結果（ID トークン）は どこでホストしているアプリでも使えるので、ホスティングを分けても全く問題ありません。(Zenn)

✅ 3) 自由度が高い

• 認証は Firebase Auth で
• API は Vercel Serverless（Node / Python）