supabase 開発環境セットアップ

1. CLIでsupabaseにログイン

supabaseアカウントを作成

supabaseの個人アカウントを作成してください。 https://supabase.com/

アクセストークンを取得

ダッシュボードにてアクセストークンを作成。トークンをコピーしておく。（作成直後しかコピーできないので注意） https://supabase.com/dashboard/account/tokens

CLIsupabaseにログインする

プロジェクトルートディレクトリにて

npx supabase login

アクセストークンを求められるため、先ほどコピーしたトークンを貼り付けてEnter⤵︎

2. プロジェクトと結び付ける

********************は本プロジェクトのReferenceIDが入る。

ReferenceIDおよびpasswordは管理者によって配布される。

npx supabase link --project-ref ********************

パスワードを求められるので入力してEnter⤵︎

3. ローカルDBの立ち上げ

npx supabase start

supabase resetを行わない限り2回目以降立ち上げた際もデータは継続される。

4. .env.localの設定

1. 以下コマンドを叩き、API URLとanon keyをコピー。

npx supabase status

2. ルートディレクトリに.env.localファイルを作成し、以下をコピー&ペースト。SUPABASE_URL及びANON_KEYに先ほどコピーしたURLとkeyを貼り付け。

## ローカル環境
NEXT_PUBLIC_SUPABASE_URL="**********************"
NEXT_PUBLIC_SUPABASE_ANON_KEY="************************"

5. ローカルDBのセットアップ

1. 以下のコマンドを叩くとルートディレクトリのsupabase/のmigrationファイルの中身が随時実行され、ローカルのDBが構築される。

npx supabase db reset

2. 以下のURLにアクセスし、右上のAdd User->Create a new userを選択し任意のEmailとPasswordを入力、Auto Confirm User?にチェックを入れてCreate userをクリック。

http://localhost:54323/project/default/auth/users

今後の開発ではこのユーザーでログインする。また、別ユーザーを作成する際もこの方法で作成することができる。

6. ローカルDBの停止

開発終了時は必ずローカルDBを停止する。

npx supabase stop

再開時はsupabase startを再度打てばOK。

ローカルDBでの詳細な開発方法は以下を参照。

supabase 開発方法&ルール