Server Actions (Mutácia dát)

Popis

Server Actions umožňujú volať serverové funkcie priamo z formulárov alebo klientskych komponentov. Eliminujú potrebu manuálneho vytvárania API endpointov (Route Handlers) pre mutácie dát. Bežia bezpečne na serveri a sú plne integrované s ekosystémom Next.js.

Funkčná ukážka (Demo)

Po kliknutí sa spustí funkcia s direktívou "use server".

Ukážka kódu

// app/server-actions/page.tsx
export default function SubscribePage() {
  async function subscribeAction(formData: FormData) {
    "use server";
    const email = formData.get("email");
    
    // Logika na strane servera
    await saveToDatabase(email);
  }

  return (
    <form action={subscribeAction}>
      <input name="email" type="email" required />
      <button type="submit">Odoberať</button>
    </form>
  );
}