Next.js で メール送信環境を整備する方法を学べます。

【読者】
・Next.js でメール送信したい方
・Resend に興味がある方
・React Email に興味がある方

【特徴は】
・ステップバイステップで構築方法を学べる
・ソースコードを参考にしながら学習
・Next.js 15 の利用

【その他】
「いいね」してくれたらモチベーションあがります🚀 

Resend 実践入門 - Next.js シリーズ

👼　はじめに

0.1　更新履歴

🦹🏻　第1部 Resendの基礎

1.1　📚 Resend の基礎

1.2　📚 React Email の基礎

🎅　第2部 環境を整備

2.1　📚 前回書籍の CI/CD の振り返り

2.2　💻 ローカル開発環境を整備

2.3　💻 CI/CD 環境を構築

🧙　第3部 Resend を導入

3.1　💻 Resend のアカウント作成

3.2　💻 Resend SDK をインストール

3.3　💻 Vercel でドメインを取得

3.4　💻 Resend にドメインを設定

3.5　💻 Resend の API キーを設定

🦸　第4部 React Email を導入

4.1　💻 React Email の SDK をインストール

4.2　💻 React Email でメールテンプレートを作成

🧞‍♂️　第5部 Resend でメール送信

5.1　💻 API でメール送信

5.2　💻 メール送信ログを確認

5.3　💻 Server Actions でメール送信

5.4　💻 メールの送信予約

5.5　💻 メールの送信予約を確認

5.6　💻 リモートファイルを添付したメールを送信

5.7　💻 ローカルファイルを添付したメールを送信

🧚‍♀️　第6部 おまけ

6.1　💻 Resend を Pro にアップグレード

6.2　📚 コマンド一覧

nextjs

react

resend

reactemail

hayato94087