Form submissions
without the backend

<!-- Add this to any HTML page. That's it. -->

<form action="https://api.edgesubmit.com/submit" method="POST">
  <input type="hidden" name="access_key" value="YOUR_API_KEY" />

  <label for="name">Name</label>
  <input type="text" name="name" id="name" required />

  <label for="email">Email</label>
  <input type="email" name="email" id="email" required />

  <label for="message">Message</label>
  <textarea name="message" id="message" required></textarea>

  <button type="submit">Send Message</button>
</form>

// Works with fetch, axios, or any HTTP client

const response = await fetch("https://api.edgesubmit.com/submit", {
  method: "POST",
  headers: { "Content-Type": "application/json" },
  body: JSON.stringify({
    access_key: "YOUR_API_KEY",
    name:      "Jane Smith",
    email:     "jane@example.com",
    message:   "Hello from my website!"
  })
});

const data = await response.json();
console.log(data.success); // true

import { useState } from "react";

export default function ContactForm() {
  const [status, setStatus] = useState("");

  async function onSubmit(e) {
    e.preventDefault();
    const form = new FormData(e.target);
    form.append("access_key", "YOUR_API_KEY");

    const res = await fetch("https://api.edgesubmit.com/submit", {
      method: "POST", body: form
    });
    const json = await res.json();
    setStatus(json.success ? "Sent!" : "Error");
  }

  return (
    <form onSubmit={onSubmit}>
      <input name="name" placeholder="Name" required />
      <input name="email" type="email" placeholder="Email" required />
      <textarea name="message" placeholder="Message" required />
      <button type="submit">Send</button>
      {status && <p>{status}</p>}
    </form>
  );
}

# Send a test submission from your terminal

curl -X POST https://api.edgesubmit.com/submit \
  -H "Content-Type: application/json" \
  -d '{
    "access_key": "YOUR_API_KEY",
    "name": "Test User",
    "email": "test@example.com",
    "message": "Hello from the terminal!"
  }'

# Response:
# { "success": true, "message": "Submission received" }