Одна из истин в Next.js с Server Actions, запись данных живёт только в actions. Не в клиентском компоненте, не в обработчике onSubmit с ручным fetch, не в случайном helper рядом с UI. Как только write-логика начинает расползаться по интерфейсу, форма теряет ясную границу. Становится сложнее понять, где именно проходит валидация, кто отвечает за запись, в каком формате возвращается результат и как потом синхронизировать UI.

Когда write-точка собрана в action, картина заметно упрощается. Форма отправляет данные, сервер делает проверку и запись, а обратно возвращается один предсказуемый state. У клиента остаётся его нормальная роль, показать pending, ошибку, success и нужное поведение inline-редактора. Это хорошо работает в CRUD-сценариях, где Enter, blur и Escape должны ощущаться как естественная часть интерфейса.

Статья на Хабр Проект: Workbench Stepik: Next.js II: TypeScript 2026

#nextjs #typescript #serveractions #useactionstate #approuter #react #вебразработка