ドメイン
VercelでReactアプリを公開する手順
Vercelアカウントを作成する
• 公式サイトにアクセス https://vercel.com/
• 「Sign Up」からアカウント作成
• GitHubアカウントで連携するとスムーズです（そのままGitHubリポジトリにアクセスできるようになります）
GitHubリポジトリを用意する
•既にReactアプリがGitHubにプッシュ済みであることを前提とします（例: TK-19881224/Keruma-Twitter）
•もしまだなら、git init 〜 git push でリポジトリにアップしてください
Vercelで新規プロジェクトを作成
• ログイン後、Vercelのダッシュボードに移動
• 「New Project」ボタンをクリック
• GitHubリポジトリの一覧が表示されるので、公開したいリポジトリを選択
• もし表示されなければ、GitHubの連携権限を確認・付与してください
プロジェクトを選んでインポート
• GitHub連携ができていれば、連携済みリポジトリの一覧が表示されます
• リストから Keruma-Twitter を選択し「Import」をクリック
Deploy（デプロイ）
• 設定は何も変えずに「Deploy」をクリック
• 数十秒〜数分でデプロイ完了（無料プランでも高速です）
URL確認
• デプロイ完了後、https://.vercel.app の形式で公開URLが表示されます。
• 以後、GitHub に push すると自動で再デプロイされます（CI/CD対応済み）。
Firebaseコンソールでドメイン追加
• Firebaseコンソールを開く
https://console.firebase.google.com/
• あなたのプロジェクトを選択（keruma-sns-appなど）
• 左メニューの「Authentication（認証）」をクリック
• 「設定」タブ（歯車アイコン）をクリック
• 「承認済みドメイン」セクションまでスクロール
• keruma-twitter.vercel.app を追加する
「ドメインの追加」ボタンを押して、Vercelの公開URL（keruma-twitter.vercel.app）を正確に入力してください。
• 変更を保存