YouTubeをモチーフにしたサイトをNext.js 14 (App Router)を用いて作成しました。

普段からYouTubeにて動画鑑賞をすることが好きなのでYouTubeをモチーフにしました。

お問い合わせフォームにはReact Hook Formでフロントエンドのバリデーションを行い、バックエンドではZodを用いてバリデーションを行っております。

フォームの送信時にはServer Actionを用いて送信処理を行っています。

また、ヘッダー上部のボタンにてテーマを切り替えることも可能です。

制作実績ページにはMicroCMSを利用して制作実績を管理画面から追加できる様にしております。