How to Add a Contact Form to a Static Site Without a Backend

Building modern websites using static site generators like Jekyll, Hugo, Astro, or static HTML layouts yields incredible speeds, zero database vulnerabilities, and free hosting options. However, handling forms presents a challenge since there is no server processing requests.

The Architecture of No-Backend Forms

To capture contacts without spinning up a server, we offload the form handler to a specialized API endpoint. When a user clicks 'Submit', the frontend packages the input data and shoots it over as an HTTP POST request to the API host. The API validates the packet, parses headers, runs spam filters, and triggers a SMTP action to send an email template containing the payload to the administrator's mailbox.

<form action="https://sendmyform.live/api/f/YOUR_FORM_ID" method="POST">
  <input type="email" name="sender" required />
  <textarea name="body" required></textarea>
  <button type="submit">Submit</button>
</form>

This retains the absolute speed and simplicity of static hosting while securing interactive client communications.