Server Actions jsou asynchronní funkce, které běží na serveru, ale lze je volat přímo z vašich komponent (včetně formulářů a event handlery) — umožňují vám provádět mutace (vytvářet/aktualizovat/mazat) bez ručního vytváření API endpointu. Označíte je direktivou "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>
);
}
Atribut action formuláře odkazuje na Server Action. Při odeslání Next.js zašle FormData na server, spustí tam funkci a může revalidovat ovlivněné stránky — vše bez API route a bez kódu na straně klienta.
"use client";
import { createTodo } from "./actions";
export function AddButton() {
return <button onClick={() => createTodo(/* ... */)}>Add</button>;
}
route.ts handlerů a klientských fetch requestů.revalidatePath/revalidateTag obnoví cachovaná data po mutaci.⚠️ 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 zhrnou obvyklý stack pro mutace (API route + client fetch + zpracování stavu) do jedné server funkce, kterou voláte přímo — odpověď App Routeru na formuláře a změny dat.
Sníží boilerplate, umožní progresivní vylepšení a integrují se s cachováním/revalidací, ale (jako jakýkoliv endpoint) vyžadují validaci a kontroly autentizace v jejich kódu.
Knihovna IT otázek k pohovoru s podrobnými odpověďmi — od Junior po Senior.
Přispět