Server Actions

Next.js App Router の Server Actions で redirect() を使わず値を返す実装パターンを解説。useTransition との組み合わせで、ボタン押下後にその場で成功/エラー表示できる UX を実現する手順をコード付きで紹介します。

Next.js App Router で削除確認UIをページ遷移なし・モーダルなしのインラインパターンで実装する方法を解説。DeleteConfirmButton コンポーネントの完全なTypeScriptコードと Server Actions との組み合わせを紹介します。