Server Actions — это асинхронные функции, которые выполняются на сервере, но могут быть вызваны непосредственно из ваших компонентов (включая формы и обработчики событий) — позволяя вам выполнять мутации (create/update/delete) без ручного создания endpoint API. Вы отмечаете их директивой "use server".
;
{ revalidatePath } ;
() {
title = formData.() ;
db..({ : { title } });
();
}
// app/todos/page.tsx — wire the action straight to a form
import { createTodo } from "./actions";
export default function Page() {
return (
<form action={createTodo}> {/* no onSubmit, no fetch, no /api route */}
<input name="title" />
<button>Add</button>
</form>
);
}
action формы указывает на Server Action. При отправке Next.js отправляет FormData на сервер, запускает функцию там и может переподтвердить затронутые страницы — всё без маршрута API и кода fetch на стороне клиента.
"use client";
import { createTodo } from "./actions";
export function AddButton() {
return <button onClick={() => createTodo(/* ... */)}>Add</button>;
}
route.ts и fetch-запросов клиента.revalidatePath/revalidateTag обновляют кэшированные данные после мутации.⚠️ Server Actions are PUBLIC endpoints under the hood — always validate input and
check authorization inside them, exactly as you would a real API route.
Server Actions сворачивают обычный стек мутаций (маршрут API + fetch клиента + управление состоянием) в одну функцию сервера, которую вы вызываете напрямую — ответ App Router на формы и изменения данных.
Они снижают boilerplate, обеспечивают прогрессивное улучшение и интегрируются с кэшированием/переподтверждением, но (как любой endpoint) требуют проверки валидации и аутентификации внутри них.