Server Actions είναι async functions που τρέχουν στον server αλλά μπορούν να κληθούν απευθείας από τα components σας (συμπεριλαμβανομένων forms και event handlers) — σας επιτρέποντας να εκτελέσετε mutations (create/update/delete) χωρίς να κατασκευάσετε χειροκίνητα ένα API endpoint. Τα σημειώνετε με την "use server" directive.
;
{ 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 στον server, τρέχει τη function εκεί, και μπορεί να επανεπικυρώσει τις επηρεαζόμενες σελίδες — όλα αυτά χωρίς API route και χωρίς client-side fetch code.
"use client";
import { createTodo } from "./actions";
export function AddButton() {
return <button onClick={() => createTodo(/* ... */)}>Add</button>;
}
route.ts handlers και client fetches.revalidatePath/revalidateTag ανανεώνουν cached data μετά το mutation.⚠️ 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 καταρρίπτουν το συνηθισμένο mutation stack (API route + client fetch + state handling) σε μία μόνο server function που καλείς απευθείας — η απάντηση του App Router για forms και data changes.
Μειώνουν το boilerplate, ενεργοποιούν το progressive enhancement, και ενσωματώνονται με caching/revalidation, αλλά (όπως κάθε endpoint) απαιτούν validation και auth checks μέσα τους.