⚡

supabaseメモ

2023/04/13に公開

Next.js

supabase

tech

ローカル開発

googleログイン

基本は以下を参考にすれば大丈夫です。ただし一部違うので注意です。

googleの方のurlの認証は、こんな感じで。httpsとhttp間違えたら駄目です(僕は間違えました)。

また、supabaseClientを作成する際に使うsupabase_urlはhttp://localhost:54321を使う。
next.jsだとこんな感じ。

.env.local
NEXT_PUBLIC_SUPABASE_URL=http://localhost:54321

// supabaseClient.ts
import { createClient } from "@supabase/supabase-js";

export const supabase = createClient(
  process.env.NEXT_PUBLIC_SUPABASE_URL ?? "",
  process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY ?? ""
);

ちなみにANON_KEYはsupabase startもしくはsupabase statusしたときにターミナルに表示されてるのでそれを使います。

ローカル開発

googleログイン

Discussion