Next, vercel, supabase

vercel, supabaseの連携

https://vercel.com/marketplace/supabase

marketplaceからsupabase installするだけで連携できた。

prismaも使いたいのでprismaをインストール

$ pnpm add prisma --save-dev
$ pnpm add @prisma/client
$ npx prisma init // 初期化

.envが作られてその中にDATABASE_URLがあるので、supabaseのURLに変更する
vercelと連携したときに POSTGRES_PRISMA_URL が作られているのでこれをいれる。

supabaseではアプリケーションのクエリでTransaction Mode、prismaからマイグレーションするときあhSession Modeを使う
.envに DATABASE_URL と DIRECT_URL を設定する

参照: https://supabase.com/partners/integrations/prisma

supabaseにprismaからマイグレーションできるか試す

npx prisma migrate dev --name init

modelはdocsに書いてあるものを使った。問題なくできていることを確認

https://authjs.dev/getting-started/adapters/prisma

NextAuthのhandlerを作っていく
公式に載っているPostgreSQLのschemaを使用した。

pnpm exec prisma migrate dev

でmigrationファイルの作成、Supabaseへの同期を行う

Google OAuthのクライアントを作成する
DocumentがわかりやすいのでOAuth 同意画面を設定し、スコープを選択する〜アクセス認証情報を作成するまでやればok
https://developers.google.com/workspace/guides/configure-oauth-consent?hl=ja

同意画面を設定してから実際にクライアントを作成できるようになるまで少し時間がかかった。5分くらい？

クライアントを作成したらsecretなどを控えておく