Resend

Page content

Resendとは、開発者向けのメール送信サービス（Email API）です。

📧 Resendとは

シンプルで使いやすいメール送信APIで、トランザクショナルメール（通知・認証・請求書など）の送信に特化しています。

特徴

開発者フレンドリー — APIがシンプルでSDKも充実
Reactでメールを書ける — react-emailとの組み合わせが強力
高い到達率 — SPF/DKIM/DMARCを自動設定
ダッシュボード — 送信ログ・開封率・エラーを確認できる

🚀 基本的な使い方

インストール

npm install resend

メール送信（Node.js / Workers）

import { Resend } from 'resend'

const resend = new Resend('re_xxxxxxxxxxxx') // APIキー

await resend.emails.send({
  from: 'noreply@yourdomain.com',
  to: 'user@example.com',
  subject: 'ようこそ！',
  html: '<p>登録ありがとうございます！</p>'
})

React Emailでテンプレートを作る

// emails/welcome.tsx
import { Html, Heading, Text, Button } from '@react-email/components'

export default function WelcomeEmail({ name }) {
  return (
    <Html>
      <Heading>こんにちは、{name}さん！</Heading>
      <Text>ご登録ありがとうございます。</Text>
      <Button href="https://yourapp.com">
        はじめる
      </Button>
    </Html>
  )
}

// WorkersからReactテンプレートを送信
import WelcomeEmail from './emails/welcome'
import { render } from '@react-email/render'

await resend.emails.send({
  from: 'noreply@yourdomain.com',
  to: user.email,
  subject: 'ようこそ！',
  html: render(<WelcomeEmail name={user.name} />)
})

💰 料金

プラン	月額	送信数/月
Free	無料	3,000通
Pro	$20〜	50,000通〜
Enterprise	要相談	無制限

📬 よくある使いどころ（SaaSでの例）

シーン	メール内容
ユーザー登録時	ウェルカムメール
パスワードリセット	リセットリンク送信
決済完了時	領収書・請求書
招待機能	チームへの招待メール
アラート通知	エラー・使用量の通知

☁️ Cloudflare Workersとの相性

WorkersはNode.js互換なのでResend SDKがそのまま動きます。fetchベースなのでエッジ環境でも問題なし。

// wrangler.toml にシークレットを登録
// wrangler secret put RESEND_API_KEY

export default {
  async fetch(request, env) {
    const resend = new Resend(env.RESEND_API_KEY)
    await resend.emails.send({ ... })
  }
}

公式サイト → resend.com

SaaSのメール機能として組み込むなら、Resend + react-email の組み合わせが現在もっとも開発体験が良い選択肢の一つです。他に気になる点はありますか？