Skip to main content

Resend

Resend は、メール送信のための API を提供しているサービスです。Resend と Auth.js を組み合わせて、メール認証などを行います。

アカウント作成​

  • Resend にアクセス
  • Sign in ボタンをクリックし、ユーザ登録する

Resend の設定​

  1. まず、Resend にドメインを追加します (メールの送信元アドレスのドメイン)
    1. 左ペーンの Domains をクリック、あるいは Domains · Resend にアクセス 2.　 Add domain をクリック
    2. ドメインを入力し、Add domain をクリック
      1. ここでは、bdash-sources.leach.tokyo を追加します
    3. ドメインの所有権の確認する必要があります
      1. ./images/06_resend/01-domain-setting.png
      2. 上記画面に表示されている DNS レコードを、Cloudflare に登録します
      3. 登録後、Verify DNS Records ボタンをクリックします
      4. クリック後、以下のようにWell done!と表示されれば、ドメインの所有権の確認が成功しています
        1. ./images/06_resend/02-domain-setting-success.png
  2. Resend の API キーを取得します
    1. API Keys · Resend にアクセス
    2. Create API Key をクリック
      1. Name: (任意の文字列)
        1. ここでは、bdash-sources としました
      2. Permission: Sending access を選択
      3. Domain: 上記で追加したドメインを選択
      4. Add をクリック
      5. 作成した API Key を控えます

GitHub の Secrets に設定​

  • 上記の結果を、GitHub の Secrets に設定する
    • Name: PROD_AUTH_RESEND_KEY
    • Value: 上記の結果 (例: re_xxxxx)
  • 以下も GitHub の variables に設定する
    • Name: PROD_RESEND_REPLY_EMAIL (Email ログイン時に送信される Magic Link の、送信元メールアドレス)
    • Value: (例: noreply@bdash-sources.leach.tokyo)

FYI​