Zenn
⚡

supabaseメモ

2023/04/13に公開
Next.js
Supabase
tech

ローカル開発

googleログイン

基本は以下を参考にすれば大丈夫です。ただし一部違うので注意です。
https://supabase.com/docs/learn/auth-deep-dive/auth-google-oauth

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したときにターミナルに表示されてるのでそれを使います。

リモートのsupabase DBにアクセスする方法

postgresql://[user].wtijycinvehuwbccnseb:[password]@aws-0-ap-northeast-1.pooler.supabase.com:6543/[db-name]これを使う。user, password, db-nameを自分のものに合わせる

下側のちょっとした注意書きにあるので分かりづらいですね、、

Discussion