A backend for your Sapper forms

Keep full control over the look and feel of your Sapper forms.

Sapper is an application framework powered by Svelte to build bigger apps with a smaller footprint.

Getting started with Sapper is simple

Start collecting data in a matter of clicks.

Let Formspark take care of the servers, databases, and analytics.

Set up any form in seconds.

Compatible with Jamstack

markup

<!-- src/routes/contact.svelte -->
<script>
  import { goto } from "@sapper/app";

  const FORMSPARK_ACTION_URL = "https://submit-form.com/your-form-id";

  let message = "";
  let submitting = false;

  async function onSubmit() {
    try {
      submitting = true;
      await fetch(FORMSPARK_ACTION_URL, {
        method: "POST",
        headers: {
          "Content-Type": "application/json",
          Accept: "application/json",
        },
        body: JSON.stringify({ message }),
      });
      await goto("/contact/thanks");
    } finally {
      submitting = false;
    }
  }
</script>

<svelte:head>
  <title>Contact</title>
</svelte:head>

<form on:submit|preventDefault="{onSubmit}">
  <textarea bind:value="{message}" />
  <button type="submit" disabled="{submitting}">Send</button>
</form>

Tags:

Static site generator

Svelte

JavaScript

Jamstack

Start collecting submissions with Formspark

Formspark is a reliable backend for your forms.

Keep full control over the look and feel of your forms.

Let Formspark take care of the rest.

No credit card required