Server Actions er async-funktioner, der køres på serveren, men kan kaldes direkte fra dine komponenter (inklusive fra formularer og event handlers) — hvilket lader dig udføre mutationer (create/update/delete) uden manuelt at bygge et API-endpoint. Du markerer dem med direktivet "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>
);
}
Formularens action peger på Server Action. Ved indsendelse sender Next.js FormData til serveren, kører funktionen der, og kan revalidere berørte sider — alt uden API-rute og uden client-side fetch-kode.
"use client";
import { createTodo } from "./actions";
export function AddButton() {
return <button onClick={() => createTodo(/* ... */)}>Add</button>;
}
route.ts-handlers og client fetches.revalidatePath/revalidateTag opdaterer cachede data efter mutationen.⚠️ 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 skaber sammenfald i det sædvanlige mutations-stak (API-rute + client fetch + state handling) til en enkelt serverfunktion, du kalder direkte — App Router-svaret til formularer og dataændringer.
De reducerer boilerplate, muliggør progressive enhancement, og integreres med caching/revalidation, men (som ethvert endpoint) kræver validering og auth-checks indeni dem.
Et bibliotek af IT-interviewspørgsmål med detaljerede svar — fra Junior til Senior.
Donér