Ручной API для inline CRUD в Next.js — это тот случай, когда форма начинает жить своей жизнью.

Ручной API для inline CRUD в Next.js — это тот случай, когда форма начинает жить своей жизнью.

Сначала всё просто: route handler, fetch, пару флагов pending/error/success. Потом на одном экране появляются создать, переименовать, удалить, плюс несколько inline-форм. И внезапно вы уже пишете не бизнес-логику, а обвязку вокруг неё.

Server Actions в App Router убирают лишние промежуточные слои.
Не надо отдельно городить endpoint, клиентский submit и синхронизацию UI после каждого чиха. Для write-сценариев это даёт более короткую и предсказуемую точку входа.

3 шага, чтобы не утонуть в форме:
1. Держите action рядом с формой, а не размазывайте логику по клиенту.
2. Передавайте FormData и возвращайте типизированное состояние.
3. Стройте UI вокруг связки `state + formAction + isPending` ⚙️

Итог простой: форма собирается как один цикл, а не как набор разрозненных обработчиков.
Для create/rename/delete это обычно и есть разница между «понятно» и «потом перепишем».