【フォーム開発実践】認証やお問い合わせフォームをNext.js/RHF/zod等のモダン技術を使って開発する実践講座

本講座ではユーザー認証機能とお問い合わせフォームの開発にチャレンジします。フロントエンドではNext.js/TailwindCSSを利用し、フォーム状態管理と型定義とバリデーションチェックにはReact Hook Form（RHF）とZodというライブラリを利用してフォームを高速に、そして堅牢に開発する実践講座になっています。お問い合わせフォームにはResendを利用してメール送信機能まで行います。ユーザー認証にはSupabase Authenticationを利用してユーザー管理を実装します。

■ 本コースの対象者

• モダンなフロントエンド技術(Next.js)を使用して認証機能やフォームの開発に挑戦したい方

• Next.js、RHF、Zodの使い方を学び、実際のプロジェクトに応用したい方

• お問い合わせフォームを作る必要がある方(メール送信まで)

• ユーザー認証用フォームを作る必要がある方

• Supabaseを使ってユーザー認証機能を実装してみたい方

• shadcn/ui等のモダンなUIライブラリを使ってみたい方

  
  

■ 本コースを受講する際の注意点

• HTML/CSS/JavaScriptに関する基本的な知識があることを前提としています。

• Reactの基礎（コンポーネント、JSX記法など）についての理解が必要です。

• JavaScriptに関する実務経験があると、よりスムーズに講座を進めることができます。

  
  

この講座を通してフォーム周りの実装に自信を持って取り組むことができるようになります。またフォーム以外のNext.jsのコンポーネント管理やSupabase Authenticationやファイル送信の実装について学ぶことができます。