読み込み中...

カテゴリー

トラブルシューティング設定・環境構築実装設計学習メモ技術勉強会日常

アーカイブ

設定・環境構築

2026年2月6日

Resend Cloudflare メール送信 DNS

【設定・環境構築】Resend × Cloudflare で独自ドメインメール送信を最速セットアップ

はじめに
この記事でわかること
対象読者
前提条件
Step 1: Resend の無料プランについて
Step 2: Cloudflare でドメインを取得
Step 3: Resend でドメインを追加
Step 4: Cloudflare で DNS レコードを設定
Step 5: 認証を確認
Step 6: コードでメール送信
Tips
トラブルシューティング
参考リンク
まとめ

💡

Cloudflare でドメインを取得し、Resend で認証して独自ドメインからメール送信できるようにするまでの手順。所要時間は約10分。

はじめに

個人開発でメール認証機能を実装する際、メール送信サービスの選定とドメイン設定が必要になります。Resend は開発者フレンドリーな API を提供しており、Cloudflare と組み合わせることで驚くほどスムーズにセットアップできます。

Resend はドメイン未認証の状態ではアカウントのメールアドレスにしか送信できません。誰にでもメールを送るには独自ドメインの認証が必須です。

この記事でわかること

Cloudflare でのドメイン取得方法
Resend でのドメイン認証手順（DKIM / SPF）
Cloudflare の DNS 設定方法
Resend の無料プランの制限と活用法
TypeScript でのメール送信コード例

対象読者

個人開発でメール送信機能を実装したい方
Resend を使ってみたいが、ドメイン設定がわからない方

前提条件

Resend アカウント（無料プランでOK）
Cloudflare アカウント

Step 1: Resend の無料プランについて

Resend の無料プランの制限：

月 3,000 通まで送信可能
1日 100 通まで
カスタムドメイン 1 つ

⚠️

ドメイン未認証では [email protected] からアカウントメールへのテスト送信しかできません。誰にでも送るにはドメイン認証が必須です。

Step 2: Cloudflare でドメインを取得

Cloudflare ダッシュボード → 「ドメインの登録」
希望のドメイン名を検索して購入
購入完了 → DNS 管理が自動で Cloudflare に設定される

✅

Cloudflare で直接取得すると DNS 管理が自動設定されるため、ネームサーバー移行が不要でシームレスです。

Step 3: Resend でドメインを追加

Resend ダッシュボード → Domains → 「Add Domain」
ドメイン名を入力
Region を選択（日本なら Tokyo / ap-northeast-1）
DNS Records に設定すべきレコードが表示される

Step 4: Cloudflare で DNS レコードを設定

Resend が表示する 3 つの DNS レコードを Cloudflare に追加します：

Resend側でcloudflareへの遷移ボタンが出てくるのでそれを押すと下記の項目も追加する画面に直接遷移します。なので深く考える必要はないはずです。

DKIM（TXT レコード）

Type: TXT / Name: resend._domainkey / Content: Resend が表示する値をコピー

SPF（MX + TXT レコード）

MX - Name: send / Content: feedback-smtp.ap-northeast-1.amazonses.com / Priority: 10
TXT - Name: send / Content: v=spf1 include:amazonses.com ~all

⚠️

Cloudflare の Proxy（オレンジ雲）ではなく DNS Only（グレー雲）にすること。メール関連はプロキシ経由だと動作しません。

Step 5: 認証を確認

Resend の Domains ページで Verify をクリック。全てのレコードが Verified になれば完了です。

Cloudflare の場合、DNS 反映がほぼリアルタイムで完了するため、追加後すぐに認証が通りました。他のレジストラでは数時間かかることもあるので、この速さは大きなメリットです。

僕の時は五分くらいで完了しました。

Step 6: コードでメール送信

npm install resend

# .env
RESEND_API_KEY=re_xxxxxxxxxxxx

import { Resend } from "resend";

const resend = new Resend(process.env.RESEND_API_KEY);
const FROM_EMAIL = "[email protected]";

export async function sendEmail(to: string, subject: string, html: string) {
  const { error } = await resend.emails.send({
    from: FROM_EMAIL,
    to,
    subject,
    html,
  });

  if (error) {
    console.error("Failed to send email:", error);
    throw new Error("メールの送信に失敗しました");
  }
}

Tips

1️⃣

Cloudflare + Resend は DNS 反映が速く、セットアップが非常にスムーズ。10 分程度で完了します。

2️⃣

Region は Tokyo (ap-northeast-1) を選ぶと日本向け配信レイテンシが最小に。

3️⃣

Terraform での Resend 管理は、コミュニティプロバイダが 2023 年以降更新停止。手動設定が推奨。

トラブルシューティング

403 validation_error

「You can only send testing emails to your own email address」→ ドメイン未認証です。認証を完了させてください。

DNS が Verified にならない

Cloudflare Proxy が DNS Only になっているか確認
Name / Content が正確にコピーされているか確認

参考リンク

まとめ

Resend 無料プランでも月 3,000 通送信可能（ドメイン認証必須）
Cloudflare × Resend は DNS 反映が速くシームレスにセットアップできる
必要な DNS レコードは DKIM（TXT）と SPF（MX + TXT）の 3 つ
ドメイン取得から認証完了・メール送信まで約 10 分で完了

すべて見る

設定・環境構築

kt-tech.blog

最新記事

カテゴリー

タグ

アーカイブ

目次

【設定・環境構築】Resend × Cloudflare で独自ドメインメール送信を最速セットアップ

はじめに

この記事でわかること

対象読者

前提条件

Step 1: Resend の無料プランについて

Step 2: Cloudflare でドメインを取得

Step 3: Resend でドメインを追加

Step 4: Cloudflare で DNS レコードを設定

DKIM（TXT レコード）

SPF（MX + TXT レコード）

Step 5: 認証を確認

Step 6: コードでメール送信

Tips

トラブルシューティング

403 validation_error

DNS が Verified にならない

参考リンク

まとめ

関連記事

【設定・環境構築】OpenNext でNext.js SSGサイトをCloudflare Workersにデプロイする完全ガイド

【トラブルシューティング】Cloudflare Pages → Workers 移行で遭遇したEdge Runtime問題集

【自動化】Gemini Imagen APIでブログのeyecatch画像を自動生成してR2にアップロードする