Resendを試してみた
目次
はじめに
メール配信サービスである Resend を試してみたので雑感
概要
Astro（VercelアダプターのSSR）でResend経由でメールを送信する。
ユーザー名、メールアドレス、メッセージを入力して送信ボタンクリックでメールが送信される。
リポジトリ： yuheijotaki/astro-resend
設定など
Resend
- Resendでアカウント登録
- APIキー作成
- ドメイン登録
- 提示されるMX, TXTレコードを自身のドメインのDNSレコードに追加
- 約1時間後にVerifiedになった
Astro、Vercel
- 新規リポジトリ作成
npm create astro@latest -- --template minimalで作った
output: 'server'を設定adapter: vercel()を設定- 公式のフォーム作成レシピ を参考にフォームを作成
- 今回はおまじない程度のバリデーションに Zod も入れてみた
- Vercelとデプロイ連携してプッシュ
所感など
- ドメイン周りを除いて送るだけであれば最初のチュートリアルの内容ですぐに使えてよい
- 無料プランは1ドメインや配信リージョンはUSになるが、3,000/月、100/日まで送信可能
- 2023年開始のサービスで管理画面UIが今っぽい（Vercel風）
- ReactコンポーネントでHTMLメールが書ける React Email というライブラリもResendチームの人がやっているようで一緒に使ってねということみたい