Supabase の初期設定

Supabase とは

Supabase とは、データベースと API を提供するサービスです。

アカウント作成

1. Supabase | The Open Source Firebase Alternative にアクセス
2. Start your project をクリック
   1. 
3. ログインする

プロジェクト作成

• 以下に遷移
  • Dashboard | Supabase
• New Project→Choose Organization で Organization を選択
  • Project name を入力
    • ここでは「bdash-sources」と入力
  • Database password を入力
  • Region を選択
    • ここでは「East US(North Virginia)」を選択
  • Create new project をクリック
• Setting up project のくるくるが終了するまで待ちます

Supabase API の設定 (GitHub Actions の初回デプロイが終わったあとに実施すること)

• Settings → API
• Data API Setting の、Exposed schemas に next_auth を追加 →Save

Supabase env の設定

• Settings → API
• 以下の値を GitHub の variables に設定する
  • Project URL → PROD_NEXT_PUBLIC_SUPABASE_URL
  • Project API Keys (anon,public) → PROD_NEXT_PUBLIC_SUPABASE_ANON_KEY
  • Project API Keys (service_role) → PROD_SUPABASE_SERVICE_ROLE_KEY
  • JWT Settings の JWT Secret → PROD_SUPABASE_JWT_SECRET

• FYI: Next.js + Supabase で Todo アプリ作成 CRUD の基本を学ぼう｜ TodoONada 株式会社

データベース設定

• PROD_DATABASE_URL を取得する
  • Supabase のプロジェクト一覧ページに遷移する
    • Dashboard | Supabase
  • プロジェクトを選択する
  • Project Settings(画面左下の歯車マーク)を選択する
  • Database タブを選択する
  • Connection string の Mode:を Transaction に変更 →postgresql://で始まる文字列をコピーする (PROD_DATABASE_URL として使う)
  • Connection string の Mode:を Session に変更 →postgresql://で始まる文字列をコピーする (PROD_DATABASE_URL_DIRECT として使う)
• GitHub の Secrets に PROD_DATABASE_URL, PROD_DATABASE_URL_DIRECT を設定する
  • GitHub のリポジトリに遷移する
  • Settings → Secrets and variables → Actions → New repository secret
  • Name に PROD_DATABASE_URL を入力
  • Value に データベースの URL (postgresql://で始まる文字列。ただし、[[YOUR-PASSWORD]] の部分は、データベースのパスワードに置換する) を入力
  • Name に PROD_DATABASE_URL_DIRECT を入力
  • Value に データベースの URL (postgresql://で始まる文字列。ただし、[[YOUR-PASSWORD]] の部分は、データベースのパスワードに置換する) を入力