内定者インターン事前課題
型安全な
会員登録フォーム
Next.js，TypeScript，React Hook Form，zod を用いて、 型安全なフォームを実装しました。optional と nullable の違いや， クライアント側・サーバー側のバリデーション分担を意識しています。
このアプリで確認できること
型安全
フォーム入力から API レスポンスまで，型を意識して安全に扱います。
バリデーション
zod によるルール定義を行い，クライアント側・サーバー側で再利用しています。
optional / nullable
メールアドレスとニックネームで違いを実装しています。
01
フロント側で検証
React Hook Form と zodResolver を用いて，入力直後にエラーを表示できます。
02
サーバー側でも再検証
API Route でも同じ schema を使って検証し，不正な入力を受け取らない設計にしています。
03
コンポーネント分割
UI・バリデーション・API・型定義を分離し，読みやすく保守しやすい構成にしています。なお，any は使用していません