記事
Next.jsのModalルーティング設計（App Router編）
App Routerを使ってモーダルをルーティング制御する実践的な設計方法を解説。重複描画を防ぎつつ、履歴管理も自然に行う手法を紹介します。
Next.js + TypeScriptで作るTODOアプリの設計思想
App Router時代にTODOアプリを題材に、Server ActionsとZodで型安全かつシンプルにCRUDを設計する指針。
Next.js Server Actionsでフォーム送信を型安全に処理する方法
App Router時代のフォーム送信はfetch不要。Server ActionsとZodを使って型安全にデータを送信・検証する方法を紹介します。
Zod × React Hook Formでリアルタイムバリデーションを実装する
ZodとReact Hook Formを組み合わせて、型安全でリアルタイムな入力バリデーションをNext.jsアプリに導入する方法を解説します。
Next.jsとPrismaで作る型安全なデータベース設計入門
Next.js App RouterとPrismaを組み合わせて、スキーマ定義から型安全なDBアクセスを実現する方法を解説。
Prisma × Server Actionsで安全なCRUDを設計する
Next.jsのServer ActionsとPrismaを組み合わせて、型安全かつ再利用性の高いCRUD処理を設計する実践例を紹介します。
PrismaのトランザクションとNext.jsの再検証戦略（revalidatePath）
複数のDB操作を安全にまとめるPrismaトランザクションと、Next.jsのrevalidatePathを組み合わせたデータ整合性の保ち方を解説します。
PrismaとZodで作る型駆動フォームバリデーション
Zodを使って入力検証を行い、Prismaの型と整合したフォーム送信処理を実現する方法を解説。