DEV Community

mocsa03
mocsa03

Posted on

I Built a Form Backend So You Never Have to Write Server Code for a Contact Form Again

Every time I built a static site or landing page, I ran into the same annoying problem: handling form submissions.

I'd either set up a whole Node server for one endpoint or hack together a Lambda function that I'd inevitably forget about.

So I built FormCatch — a form backend that works with plain HTML.

How it works

  1. Sign up with GitHub
  2. Create a form endpoint (takes 5 seconds)
  3. Set your HTML form's action to the endpoint URL
  4. Done. Submissions flow in.
<form action="https://formcatch.vercel.app/api/f/your-endpoint" method="POST">
  <input type="text" name="name" placeholder="Name" required />
  <input type="email" name="email" placeholder="Email" required />
  <textarea name="message" placeholder="Message"></textarea>
  <button type="submit">Send</button>
</form>
Enter fullscreen mode Exit fullscreen mode

No SDK, no npm package, no JavaScript required. Just HTML.

Features

  • Email notifications on every submission
  • Spam protection (honeypot + reCAPTCHA)
  • CSV export for all submissions
  • Full CORS support (works with React, Vue, static HTML, anything)
  • Custom redirect URLs after submission
  • API access for programmatic integrations
  • Dashboard to view and manage all submissions

Pricing

  • Free: 1 endpoint, 50 submissions/month
  • Pro ($12/mo): 10 endpoints, 1,000 submissions/month
  • Business ($29/mo): Unlimited endpoints, 10,000 submissions/month

Tech Stack

Built with Next.js, Supabase (PostgreSQL), Resend for email delivery, and deployed on Vercel.

Try it out

👉 https://formcatch.vercel.app

I'd love to hear your feedback — what features would make this a must-have tool for you?


Built by the team behind FastDevKit — 35 free developer tools.

Top comments (0)