🦊

(supabase認証)vercelデプロイ後にメール認証が効かない

に公開

対処方法

supabase

Supabase ダッシュボード → Authentication → URL Configuration

デプロイした後にアクセスできるURLを記述
開発中であればlocalhostになっているはず

Site URL https://your-vercel-app.vercel.app
Redirect URLs https://your-vercel-app.vercel.app/auth/callback

本番環境用のredirectToを追加

const isLocal = process.env.NEXT_PUBLIC_VERCEL_ENV !== "production";

const redirectTo = isLocal
  ? "http://localhost:3000/auth/callback"
  : "https://your-vercel-app.vercel.app/auth/callback";

const { data, error } = await supabase.auth.signInWithOAuth({
  provider: "google",
  options: {
    redirectTo,
  },
});

これでメール認証が動きます

Discussion