Supabase × Resendでメール認証を実装する方法

ユーザー登録
↓
Supabase Authでユーザー作成
↓
Edge FunctionsでResendを呼び出し
↓
メール送信
↓
ユーザーが認証リンクをクリック
↓
認証完了

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

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

export async function signUp(email: string, password: string) {
  const { data, error } = await supabase.auth.signUp({
    email,
    password,
  });

  if (error) throw error;

  return data;
}

import { Resend } from "resend";

const resend = new Resend(process.env.RESEND_API_KEY);

export async function sendMail(email: string, token: string) {
  const url = `https://example.com/verify?token=${token}`;

  await resend.emails.send({
    from: "[email protected]",
    to: email,
    subject: "メール認証",
    html: `<a href="${url}">認証する</a>`,
  });
}

CREATE TABLE email_verifications (
  id uuid PRIMARY KEY DEFAULT gen_random_uuid(),
  email text NOT NULL,
  token text NOT NULL,
  expires_at timestamp NOT NULL,
  created_at timestamp DEFAULT now()
);

// トークン生成（UUID）
const token = crypto.randomUUID();

await db.insert({
  email,
  token,
  expires_at: new Date(Date.now() + 1000 * 60 * 30), // 30分
});

export async function verify(token: string) {
  const record = await db.find(token);

  if (!record) throw new Error("無効なトークン");

  if (record.expires_at < new Date()) {
    throw new Error("期限切れ");
  }

  // 認証完了
  await db.updateUserVerified(record.email);

  // トークン削除
  await db.delete(token);
}