Что такое Server Actions

• Directive: "use server" в начале async function
• Form: <form action={submitAction}> — работает без JS
• Optimistic UI: useOptimistic hook для instant feedback
• Revalidation: revalidatePath() / revalidateTag() — инвалидирует cache
• Security: всегда re-validate session + авторизация в action (не полагайтесь на page guard)

"use server";
export async function createPost(formData) {
  const session = await auth();
  if (!session) throw new Error('Unauthorized');
  await db.post.create({ data: { title: formData.get('title') } });
  revalidatePath('/posts');
}

• RSC
• CSRF

Server Actions — это новая функциональность в Next.js, внедренная в версии 2026, позволяющая разработчикам выполнять серверные операции непосредственно из компонентов React. Это упрощает взаимодействие с сервером и позволяет использовать более чистый и лаконичный код. Например, вы можете использовать async функции для обработки данных, что уменьшает необходимость в дополнительных API вызовах.

Настройка Server Actions в Next.js начинается с создания функции, которая будет обрабатывать запросы на сервере. Для начала вам нужно создать файл, например, app/actions.js, где вы определите ваши действия. Пример кода:

export async function createUser(data) { const response = await fetch('/api/users', { method: 'POST', body: JSON.stringify(data), headers: { 'Content-Type': 'application/json', }, }); return response.json(); }

Затем вы можете использовать эту функцию в вашем компоненте:

import { createUser } from './actions'; async function handleSubmit(formData) { const user = await createUser(formData); console.log(user); }

Таким образом, вы можете легко интегрировать серверные действия в свою логику приложения, делая код более чистым и понятным.

Использование Server Actions в Next.js предоставляет несколько преимуществ:

• Упрощение кода: Сокращает количество промежуточных API вызовов, позволяя вам вызывать серверные функции прямо из компонентов.
• Улучшенная производительность: Устранение лишних запросов к API может уменьшить задержки и повысить скорость загрузки страниц.
• Лучшая поддержка для асинхронных операций: Поддержка async/await упрощает работу с асинхронными данными.

С Server Actions вы можете оптимизировать работу вашего приложения, сделать его более отзывчивым и упростить поддержку кода. Например, если у вас есть форма для регистрации пользователей, вы можете обработать ее данные на сервере, не создавая отдельный API. Это не только ускоряет процесс, но и улучшает опыт пользователей.