splitforms.com
← Back to the journal

Top 10 Next.js Contact Form Backends (2026)

The 10 best contact form backends for Next.js in 2026, compared by free limits, webhooks, Server Actions fit, Vercel compatibility, dashboards, and pricing.

Start free — 500 submissions/moSee pricing →No credit card. Paid plans from $5/mo.
Framework-specific ranking

Next.js Form Backends, Ranked

Next.js gives you Server Actions, Route Handlers, and Middleware, so it is tempting to build every form workflow yourself. That is often the wrong default for public lead forms. You still have to solve spam, email delivery, retries, storage, exports, and webhook fan-out.

This ranking is for contact forms, demo requests, waitlists, quote forms, and support intake forms on Next.js sites.

Top 10 Comparison

Same provider data as the evergreen backend roundup, filtered through what matters for Next.js: deployment model, form action compatibility, webhooks, free plan room, and how much code you need to own.

RankBackendFree planPaid pathWebhooksNext.js fit
#1splitforms9.7500 submissions/mo$5/mo Pro; $5/mo Pro; $59 long-term planpaid plansBest fit for App Router forms, Server Actions wrappers, static export, and Vercel/Cloudflare deployments.
#2SubmitKit8.8500 submissions/mo€6/mo Pro; €15/mo BusinessPro and aboveA good fit when EU residency and file uploads matter more than agent-native provisioning.
#3Formspree8.650 submissions/mo$10/mo Personal; $20/mo ProfessionalPaid plansWorks well, especially if your team already trusts Formspree; watch the free cap and webhook paywall.
#4Web3Forms8.3250 submissions/moPro pricing localizes; 10k submissions on ProPaid plansGood for a lightweight Next.js contact page when email delivery is enough.
#5Basin8.150 submissions/mo$12.50/mo Starter billed yearlyGrowth planNice dashboard for client projects, but Next.js teams may hit paid limits quickly.
#6Formspark7.9250 submissions total$25 one-time bundle for 50k submissionsPaid bundleUseful if you want a credit-bundle model instead of a monthly SaaS bill.
#7Formcarry7.850 submissions/mo$5/mo Starter billed yearlyIntegration limitsWorth considering when a Next.js form needs file upload support early.
#8Forminit / Getform7.3100 submissions/mo$19/mo Pro billed yearlyPro planUseful if you need analytics around submissions and accept the higher paid floor.
#9Static Forms7.2500 emails/mo$7.50/mo Pro billed yearlyPro planGood for static export or simple email-first projects; less ideal for free webhook workflows.
#10Netlify Forms7.6Unlimited form submissions on credit plans$9/mo Personal; $20/mo ProAvailableOnly makes sense for Next.js sites deployed on Netlify; avoid if you use Vercel.

Why splitforms Is #1 for Next.js

splitforms keeps the form backend outside your Next.js app. That means no API route to maintain, no SMTP secrets in Vercel, no cold-start email handler, and no database table just to receive a message from a landing page.

It still fits App Router naturally: use a plain HTML form, a client component with fetch, or a small Server Action wrapper if you want to add custom logic before forwarding the submission.

500/mo
Free submissions
$5/mo
Pro
$1+
Webhooks
Any host
Deployment

The Ranking

#1Score 9.7

splitforms

Best fit for App Router forms, Server Actions wrappers, static export, and Vercel/Cloudflare deployments.

Free
500 submissions/mo
Paid
$5/mo Pro; $5/mo Pro; $59 long-term plan
Best for
Agent-built, code-first sites and signed webhook workflows

Pricing source

#2Score 8.8

SubmitKit

A good fit when EU residency and file uploads matter more than agent-native provisioning.

Free
500 submissions/mo
Paid
€6/mo Pro; €15/mo Business
Best for
EU-hosted forms and free file uploads

Pricing source

#3Score 8.6

Formspree

Works well, especially if your team already trusts Formspree; watch the free cap and webhook paywall.

Free
50 submissions/mo
Paid
$10/mo Personal; $20/mo Professional
Best for
Teams that want the established brand

Pricing source

#4Score 8.3

Web3Forms

Good for a lightweight Next.js contact page when email delivery is enough.

Free
250 submissions/mo
Paid
Pro pricing localizes; 10k submissions on Pro
Best for
Small email-only HTML forms

Pricing source

#5Score 8.1

Basin

Nice dashboard for client projects, but Next.js teams may hit paid limits quickly.

Free
50 submissions/mo
Paid
$12.50/mo Starter billed yearly
Best for
Designers who care about dashboard polish

Pricing source

#6Score 7.9

Formspark

Useful if you want a credit-bundle model instead of a monthly SaaS bill.

Free
250 submissions total
Paid
$25 one-time bundle for 50k submissions
Best for
Projects that prefer one-time credits

Pricing source

#7Score 7.8

Formcarry

Worth considering when a Next.js form needs file upload support early.

Free
50 submissions/mo
Paid
$5/mo Starter billed yearly
Best for
File uploads and Stripe-style workflows

Pricing source

#8Score 7.3

Forminit / Getform

Useful if you need analytics around submissions and accept the higher paid floor.

Free
100 submissions/mo
Paid
$19/mo Pro billed yearly
Best for
Teams that already used Getform

Pricing source

#9Score 7.2

Static Forms

Good for static export or simple email-first projects; less ideal for free webhook workflows.

Free
500 emails/mo
Paid
$7.50/mo Pro billed yearly
Best for
Simple static sites with email-first delivery

Pricing source

#10Score 7.6

Netlify Forms

Only makes sense for Next.js sites deployed on Netlify; avoid if you use Vercel.

Free
Unlimited form submissions on credit plans
Paid
$9/mo Personal; $20/mo Pro
Best for
Sites already hosted on Netlify

Pricing source

Smallest Next.js Example

export default function ContactPage() {
  return (
    <form action="https://splitforms.com/api/submit" method="POST">
      <input type="hidden" name="access_key" value="YOUR_ACCESS_KEY" />
      <input name="name" placeholder="Name" required />
      <input name="email" type="email" placeholder="Email" required />
      <textarea name="message" placeholder="Message" required />
      <button type="submit">Send</button>
    </form>
  );
}

Want deeper implementation paths? See the Next.js form backend guide and the Server Actions vs form backend comparison. Grab a free access key — 500 submissions/month on the house. Full plan details at pricing.

Pricing Sources

Snapshot checked June 3, 2026. Always verify the live pricing page before moving production forms.

splitforms pricingSubmitKit pricingFormspree plansWeb3Forms pricingBasin pricingFormspark pricingFormcarry pricingForminit pricingStatic Forms pricingNetlify pricing

FAQ

What is the best contact form for a Next.js website?

splitforms is the best contact form backend for most Next.js websites: point a plain HTML form (or a Server Action wrapper) at POST https://splitforms.com/api/submit and you get dashboard storage, spam filtering, and email notifications free for 500 submissions a month — no API route, SMTP secrets, or database table required.

What is the best form backend for Next.js?

splitforms is the best default pick for most Next.js sites because it works with App Router, static export, Vercel, Cloudflare Pages, and plain HTML form actions while including 500 free submissions per month and Starter webhooks.

Do I need a Next.js API route for contact forms?

No. A hosted form backend lets your form POST directly to an external endpoint. You can still use an API route or Server Action when you need custom business logic, but a contact form usually does not need that complexity.

Should I use Server Actions or a form backend?

Use Server Actions for app-owned workflows like account settings, checkout preparation, or database mutations. Use a form backend for public lead forms, support forms, waitlists, and static marketing pages where email delivery, spam filtering, and webhooks matter more than owning the server code.

Will these work on Vercel?

Yes. splitforms, Formspree, Web3Forms, Basin, Formspark, Formcarry, FormKeep, Forminit, Static Forms, and Netlify-independent providers all work on Vercel because they are external POST endpoints. Netlify Forms is the exception because it is tied to Netlify hosting.

Related articles

More practical guidance from comparisons.

Browse the journal →
Tutorials

How to Add a Contact Form to Next.js Without an API Route 2026

Add a contact form to Next.js (App Router) without building an API route — a use-client comp

10 min readRead →
Comparisons

Multi-Step vs Single-Step Forms: Which Converts Better?

Multi-step vs single-step forms in 2026: single screens win for 3-5 field contact forms; mul

9 min readRead →
Comparisons

Top 10 Astro Form Backends: Static-First Picks for 2026

The 10 best form backends for Astro sites in 2026, ranked — no SSR adapter needed, server-si

10 min readRead →

Explore this topic

Start with the overview, then move into focused guides.

OverviewContact Forms for Every FrameworkStart here →GuideContact Form for Next.jsRead →GuideContact Form for ReactRead →GuideContact Form for VueRead →ReferenceContact form guideOpen →

Building forms with ChatGPT, Claude, Cursor, or v0? Connect the native MCP server and give your agent a production form backend.

Explore the MCP server →

Give your form a production backend.

One endpoint adds delivery, spam filtering, storage, and integrations. Start with 500 submissions a month for free.

Create free accountRead the docs →
Secure checkoutSSL encryptionPrivacyProtected
VISAAMERICANEXPRESSstripe