Gatsby generates lightning-fast static sites, but static sites can't process form submissions on their own. FormsList bridges that gap by providing a managed form backend that pairs perfectly with Gatsby's React-based architecture. Since Gatsby sites are pre-rendered at build time and deployed as static files, you need an external service to handle form data. FormsList provides a simple HTTP endpoint that your Gatsby form can POST to, with no serverless functions, Gatsby plugins, or third-party form plugins needed. FormsList works with Gatsby sites hosted anywhere — Gatsby Cloud, Netlify, Vercel, AWS S3, or any CDN. Just import your React form component, point it at your FormsList endpoint, and you have a fully functional form with spam protection, notifications, and integrations.
Sign up at FormsList and create a new form to get your endpoint URL.
const FORM_URL = "https://formslist.com/f/YOUR_FORM_ID";Add a React form component to your Gatsby pages directory. Use fetch to POST form data to your FormsList endpoint.
// src/pages/contact.tsx
import React, { useState } from "react";
export default function ContactPage() {
async function handleSubmit(e) {
e.preventDefault();
await fetch("https://formslist.com/f/YOUR_FORM_ID", {
method: "POST",
body: new FormData(e.currentTarget),
});
}
return <form onSubmit={handleSubmit}>...</form>;
}Deploy your Gatsby site and configure email notifications, Slack alerts, or Google Sheets in the FormsList dashboard.
FormsList provides the simplest way to add a powerful form backend to your React application. Instead of building your o...
Learn moreNext.js offers powerful server-side capabilities with App Router and Server Actions, but sometimes you don't want to mai...
Learn moreAstro's zero-JavaScript-by-default philosophy means your forms should be simple too. FormsList provides a form backend t...
Learn moreSet up your form backend in under a minute. No server required, no complex configuration — just a simple endpoint for your forms.