Development tutorial - IT technology blog
Posted inDevelopment

React Hook Form + Zod: ReactとNext.jsでType-Safeなフォームバリデーションを構築する

React Hook FormとZodを組み合わせてReactおよびNext.jsでtype-safeなフォームバリデーションを構築する方法を解説。Zodスキーマの定義、zodResolverの統合、サーバーサイドのエラー処理、Server Actionsまで——クライアントとサーバーで同じスキーマを共有する実践的な手法を紹介する。
Development tutorial - IT technology blog
Posted inDevelopment

Next.js 15 App Router: Server Components、Server Actions、Partial Prerenderingをマスターしてパフォーマンスを最適化する

Next.js 15 App RouterはServer ComponentsとServer Actionsによってデータフェッチとフォーム処理の方法を根本的に変える。この記事では大規模なコードベースのリファクタリング経験から得た実践的なTipsと、1つのページでstaticとdynamicを組み合わせるPartial Prerenderingの設定方法を紹介する。