Formulaires & actions

Une action serveur traite le POST du formulaire, le valide et renvoie un résultat — sans API à écrire.

Pour muter des données, exportez une action à côté du composant. Sur un POST, bext exécute l'action côté serveur avant de re-rendre la page ; ce qu'elle renvoie arrive dans la prop actionData de la page.

src/app/products/new/page.tsx

export async function action({ request }) {
  const form = await request.formData();
  const name = String(form.get("name") ?? "").trim();
  if (!name) return { error: "Name is required." };
  return { ok: true, name };
}

Le formulaire est un <form method=\"post\"> HTML standard : il fonctionne même sans JavaScript. Soumettez-le dans l'aperçu pour voir l'action s'exécuter et la page se re-rendre.

ATTENTION

Validez toujours côté serveur dans l'action — ne faites jamais confiance à l'entrée du client. Voir actions serveur.