The Easiest Form Backend for Your Next.js Application

Next.js offers powerful server-side capabilities with App Router and Server Actions, but sometimes you don't want to maintain your own form-handling infrastructure. FormsList gives your Next.js project a production-ready form backend with zero configuration — just point your form at the endpoint and you're live. FormsList is an excellent fit for Next.js projects because it works on both the client and server side. You can submit forms from a client component using fetch, or use a plain HTML form action that works even without JavaScript. This makes your forms resilient, fast, and accessible by default. With built-in spam protection, email notifications, webhook support, and integrations with tools like Slack and Google Sheets, FormsList removes the need to write API routes, set up databases, or manage email delivery in your Next.js app. Focus on building your product while FormsList handles the plumbing.

Setup Next.js with FormsList

1

Create a FormsList endpoint

Sign up at FormsList and create a new form. You'll get a unique URL like https://formslist.com/f/YOUR_FORM_ID.

const FORMSLIST_URL = "https://formslist.com/f/YOUR_FORM_ID";
2

Add the form to a client component

Create a client component (with "use client") that handles form submission via fetch. No API route needed.

"use client";
import { useState } from "react";

export default function ContactForm() {
  const [status, setStatus] = useState("idle");
  // ... submit via fetch to FormsList
}
3

Deploy and configure notifications

Deploy your Next.js app to Vercel or any host. In the FormsList dashboard, configure where submissions should go — email, Slack, webhooks, or all of the above.

Why use FormsList with Next.js?

Works with App Router and Pages Router
No API routes or Server Actions required
Progressive enhancement — forms work without JavaScript
Compatible with Vercel, Netlify, and self-hosted deployments
Built-in spam filtering and CAPTCHA support
Redirect to a custom thank-you page after submission

Frequently Asked Questions

Ready to collect form submissions?

Set up your form backend in under a minute. No server required, no complex configuration — just a simple endpoint for your forms.