Home / Form backend for Astro

Form backend for Astro sites

Add forms to Astro static sites. No server endpoints, no SSR required.

Astro shines for content-heavy sites — blogs, docs, marketing pages. But static sites can't process forms on their own. LazyForms bridges the gap: drop in a form action URL and your Astro site collects submissions like a full-stack app.

How it works

  1. 1

    Sign up for LazyForms and grab your endpoint URL.

  2. 2

    Add a standard HTML form to your Astro component.

  3. 3

    Set the action to your LazyForms endpoint.

  4. 4

    Build and deploy. Forms work on static or SSR.

Code example

---
// src/pages/contact.astro
---
<html>
<head><title>Contact</title></head>
<body>
  <h1>Contact us</h1>

  <form action="https://api.lazyforms.com/f/YOUR_ACCESS_KEY" method="POST">
    <label>
      Name
      <input type="text" name="name" required />
    </label>

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

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

    <input type="text" name="_honey" style="display:none" />
    <button type="submit">Send</button>
  </form>
</body>
</html>

Tips

  • Plain HTML forms work perfectly in Astro — no client-side JS needed.
  • For a no-redirect experience, add a React/Vue/Svelte island with fetch.
  • Set a redirect URL in your LazyForms dashboard to send users to /thank-you after submission.

What you get

Email notifications on every submission
Web dashboard to browse and export data
Google Sheets integration
Webhook support for automation
Spam protection (honeypot + Turnstile)
Unlimited forms and submissions

Start collecting Astro form submissions

Enter your email to get your form endpoint. Free forever.

Enter your email to receive your form action URL · No password needed

Also works with

HTMLReactNext.jsVueSvelteHugoJekyllWordPressWebflowGatsbyEleventyAngularRemix