Ко всем темам Next.js
Next.js • Тематический раздел2 сценария

Server Actions & Мутации данных

App Router CRUD, валидация Zod, useActionState и мгновенный useOptimistic

Полноценный цикл серверных мутаций в Next.js: валидация DTO схем через Zod, обработка форм с автосбросом ошибок и оптимистичное обновление интерфейса.

Server ActionsZod DTOuseActionStateuseOptimisticrevalidatePath
Прогресс темы
0%(0 из 2 пройдено)
+100 XP~70 мин

Практические сценарии раздела

2 сценариев доступно для выполнения

Уровень сложности:
Junior35 мин+50 XP
Next.js 16 App Router с нуля: Server Components, Server Actions и прямое подключение к PostgreSQL

Пошаговое руководство по созданию полнофункционального Fullstack-приложения на Next.js 16 с нуля: понимание ментальной модели React Server Components (RSC) vs Client Components, структура App Router (layout/page/loading), Server Actions для мутаций данных без создания REST-роутов и прямое типобезопасное подключение к PostgreSQL через Prisma singleton.

Next.js 16.3+React 19TypeScript 5.8+Prisma ORMPostgreSQL
Сквозной сценарийОткрыть воркфлоу
Senior35 мин+50 XP
Комплексный CRUD на Next.js Server Actions: Zod-валидация, useActionState и useOptimistic

Построение сквозного CRUD-конвейера мутаций данных на Server Actions в Next.js: типобезопасные контракты DTO, прогрессивное улучшение форм через useActionState, мгновенный оптический UI с useOptimistic и инвалидация кэша revalidatePath.

Next.js 15.2+React 19Zod 3.24+TypeScript 5.8+Server Actions
Сквозной сценарийОткрыть воркфлоу