Модуль 6 после покупки курса

Работа с формами и Server Actions

Server Actions
useActionState
useFormStatus
Zod
Обработка ошибок
redirect
revalidatePath

#6.1. Что такое Server Actions

Server Action — это асинхронная функция, помеченная директивой "use server". Она всегда выполняется на сервере, даже если вызывается из клиентского компонента. Next.js автоматически создаёт HTTP-эндпоинт под капотом.

Про db в примерах этого модуля: db — это Prisma-клиент из модуля 5. Он создан в файле lib/prisma.ts и экспортирован под именем prisma (import { prisma } from "@/lib/prisma"). Записи вида db.user.create(...) или db.post.update(...) — это обычные вызовы Prisma; имя db во фрагментах ниже взято для краткости. Чтобы такой код заработал, добавьте в начало файла-экшена строку import { prisma } from "@/lib/prisma" и обращайтесь к prisma (либо заведите псевдоним: const db = prisma). Если своей базы ещё нет, для тренировки замените вызовы db.* на запись в обычный массив в памяти, как в практике 6.12, или просто на console.log, как в практиках 6.2, 6.5 и 6.8.

Остальные модули открывает покупка курса

Первые 2 модуля курса «Next.js» открыты всем. Остальные 12 модулей, включая этот, открываются после покупки курса. Доступ остаётся навсегда вместе со всеми обновлениями курса.

Уже купили этот курс? Войдите, и он откроется.

В этом модуле 14 разделов

6.1. Что такое Server Actions
6.2. Практика: простая форма
6.3. Server Actions — подробный разбор
6.4. useActionState — получение результата Server Action
6.5. Практика: форма авторизации с обратной связью
6.6. useFormStatus
6.7. Валидация с помощью Zod
6.8. Практика: форма обратной связи с Zod-валидацией
6.9. Обработка ошибок
6.10. redirect, revalidatePath, revalidateTag
6.11. Почему Server Actions лучше API в 70% случаев
6.12. Практическое задание
Итоги модуля 6
Домашнее задание