Next.js 14 App Router #12 - Server Actions на примере

Опубликовано: 25 Март 2025
на канале: easydev
1,890
103

#nextjs13 #nextjs14 #server_actions

Видео о useTransition    • useTransition и useDeferredValue хуки...  

00:00 Что такое Server Actions
02:24 Мини-проект для тестов
03:19 Как было бы без Server Actions
04:42 Первый Server Action
09:20 Устанавливаем Prisma
14:16 Получаем данные с помощью prisma
16:57 Сохраняем данные с помощью prisma
19:20 Ревалидируем кэш
21:10 Используем клиентский компонент для формы
22:46 Использование Server Actions в клиентских компонентах
26:15 useFormStatus
30:04 useActionState(useFormState)
35:31 Валидация с Zod
42:59 Server Actions при клике на кнопку
46:50 useTransition

Code: https://github.com/easydevgit/next-13...