splitforms.com
All articles/ COMPARISONS10 MIN READPublished June 3, 2026

Top 10 Next.js Form Backends: App Router Picks

The 10 best form backends for Next.js App Router sites compared by free limits, webhooks, Server Actions fit, Vercel compatibility, dashboards, and pricing.

✶ Written by
splitforms.com / blog

Founder of splitforms — the form backend API for developers. Writes about form UX, anti-spam, and shipping web apps without backend code.

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.71,000 submissions/mo$5/mo Pro; $59 long-term planIncluded freeBest fit for App Router forms, Server Actions wrappers, static export, and Vercel/Cloudflare deployments.
#2Formspree8.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.
#3Web3Forms8.3250 submissions/moPro pricing localizes; 10k submissions on ProPaid plansGood for a lightweight Next.js contact page when email delivery is enough.
#4Basin8.150 submissions/mo$12.50/mo Starter billed yearlyGrowth planNice dashboard for client projects, but Next.js teams may hit paid limits quickly.
#5Formspark7.9250 submissions total$25 one-time bundle for 50k submissionsPaid bundleUseful if you want a credit-bundle model instead of a monthly SaaS bill.
#6Formcarry7.850 submissions/mo$5/mo Starter billed yearlyIntegration limitsWorth considering when a Next.js form needs file upload support early.
#7FormKeep7.550 submissions/mo$4.99/mo EssentialEssential planA cheap paid option for small Next.js sites; less compelling on free.
#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 Forms6.9300 shared credits/mo$9/mo Personal; $20/seat 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.

1,000/mo
Free submissions
$5/mo
Pro
Free
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
1,000 submissions/mo
Paid
$5/mo Pro; $59 long-term plan
Best for
Code-first sites, agencies, SaaS landing pages

Pricing source

#2Score 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

#3Score 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

#4Score 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

#5Score 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

#6Score 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

#7Score 7.5

FormKeep

A cheap paid option for small Next.js sites; less compelling on free.

Free
50 submissions/mo
Paid
$4.99/mo Essential
Best for
Designers who want a tiny paid plan

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 6.9

Netlify Forms

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

Free
300 shared credits/mo
Paid
$9/mo Personal; $20/seat 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.

Pricing Sources

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

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

FAQ

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 1,000 free submissions per month and free 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.

About the author
✻ ✻ ✻

Get your free contact form API key in 60 seconds.

1,000 free form submissions per month. No credit card. No SDK, no PHP, no plugin. Drop one POST endpoint in your form and submissions land in your inbox.

Generate access key →Read the docs
founders pricing locked in · early access open