ポートフォリオサイトを作ったはいいけどお問い合わせフォームどうやって作ろうと思っている方多いのではないでしょうか？

EmailJSを使って、サクッとお問い合わせフォームを作りましょう。この本ではShadcnやreact-hook-form、zodを使ったモダンなフォームの構築も学べます。

✅ Next.js
✅ EmailJS
✅ TypeScript
✅ Tailwind CSS
✅ Shadcn
✅ react-hook-form
✅ zod

Next.js × EmailJSでお問い合わせフォームを作ろう

まずはじめに

環境構築

フォームの見た目を作る

EmailJSを導入

エラーハンドリング

まとめ

nextjs

reacthookform

emailjs

shadcn

y_ta@大学生Webエンジニア