Formular in v0

Verzichten Sie auf Server Actions und Resend. Ein fetch an Formgong reicht.

1. Erzeugen Sie den Abschnitt mit dem Prompt unten.
2. Prüfen Sie die Header Accept und Content-Type.
3. Erfolg erkennen Sie am JSON-Feld success.
4. Der Schlüssel bleibt im Frontend.

Prompt

Füge einen Kontaktbereich mit Formular hinzu. Verwende keine Server Actions und kein Resend.

Formgong: POST https://formgong.com/submit, access_key fk_your_access_key.
Felder name, email, message und verstecktes Honeypot-Feld botcheck.
fetch mit Content-Type application/json und Accept: application/json.
Erfolg: result.success. Keine Datei-Uploads. Beschriftungen auf Deutsch.

fetch

async function onSubmit(event) {
  event.preventDefault();
  const fields = Object.fromEntries(new FormData(event.currentTarget));
  const response = await fetch("https://formgong.com/submit", {
    method: "POST",
    headers: {
      "Content-Type": "application/json",
      Accept: "application/json",
    },
    // _lang: language of Formgong messages and the autoreply (multilingual site: document.documentElement.lang).
    body: JSON.stringify({ _lang: "de", ...fields, access_key: "fk_your_access_key" }),
  });
  const result = await response.json();
  if (!result.success) throw new Error(result.message || "Das Senden ist fehlgeschlagen. Bitte versuchen Sie es erneut.");
  return result.message; // localized "Sent. Thank you!"
}

Schlüssel holen