[tech-seed] Next.js 16 で App Router の Server Actions を本番運用してみた所感

Next.js 16 にアップデートして、Server Actions を本番のフォーム処理に組み込みました。useFormState と useFormStatus の挙動が安定したことで、楽観的UIの実装が一段とシンプルになりました。

React 19 の useOptimistic と組み合わせた送信フィードバックの設計と、エラーハンドリングをサーバ側に寄せる際の境界について実装事例を共有します。

TypeScript の型安全性を保ちながら formData をパースする際の zod スキーマ運用も合わせて紹介します。