Blog

プロダクト開発・チーム文化・技術設計に関する最新の知見を発信しています。

Next.jsのModalルーティング設計（App Router編）

App Routerを使ってモーダルをルーティング制御する実践的な設計方法を解説。重複描画を防ぎつつ、履歴管理も自然に行う手法を紹介します。

App Router時代にTODOアプリを題材に、Server ActionsとZodで型安全かつシンプルにCRUDを設計する指針。

App Router時代のフォーム送信はfetch不要。Server ActionsとZodを使って型安全にデータを送信・検証する方法を紹介します。

ZodとReact Hook Formを組み合わせて、型安全でリアルタイムな入力バリデーションをNext.jsアプリに導入する方法を解説します。

Next.js App RouterとPrismaを組み合わせて、スキーマ定義から型安全なDBアクセスを実現する方法を解説。

Next.jsのServer ActionsとPrismaを組み合わせて、型安全かつ再利用性の高いCRUD処理を設計する実践例を紹介します。

複数のDB操作を安全にまとめるPrismaトランザクションと、Next.jsのrevalidatePathを組み合わせたデータ整合性の保ち方を解説します。

Zodを使って入力検証を行い、Prismaの型と整合したフォーム送信処理を実現する方法を解説。