Todos los temas de Next.js
Next.js • Sección temática2 escenarios

Server Actions y Mutaciones de Datos

CRUD en App Router, validación Zod, useActionState y useOptimistic instantáneo

Ciclo completo de mutaciones del servidor en Next.js: validación de esquemas DTO mediante Zod, gestión de formularios con restablecimiento de errores y actualizaciones optimistas.

Server ActionsZod DTOuseActionStateuseOptimisticrevalidatePath
Progreso del tema
0%(0 de 2 completado)
+100 XP~70 min

Escenarios prácticos de la sección

2 escenarios disponibles

Nivel de dificultad:
Junior35 min+50 XP
Next.js 16 App Router desde Cero: Server Components, Server Actions y Conexión Directa a PostgreSQL vía Prisma

Пошаговое руководство по созданию полнофункционального 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
Escenario integralAbrir flujo de trabajo
Senior35 min+50 XP
CRUD Integral con Server Actions de Next.js: Validación Zod, useActionState y useOptimistic

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

Next.js 15.2+React 19Zod 3.24+TypeScript 5.8+Server Actions
Escenario integralAbrir flujo de trabajo