Atlas Forms + Next.js
Forms without the boilerplate
Stop writing API routes for contact forms. Atlas handles form submissions, file uploads, and webhooks so you can focus on building your app. Works with Server Actions, static export, or any Next.js setup.
Why Atlas for Next.js?
Less code, more features
No API Routes
Skip writing form handlers. Point your form to Atlas and get webhooks automatically.
File Uploads
Accept file uploads without configuring blob storage or S3.
Spam Protection
Built-in spam filtering. No need for hCaptcha or reCAPTCHA.
Works Anywhere
Vercel, Netlify, Cloudflare, or self-hosted. Same simple setup.
Quick Setup
Add forms to Next.js in minutes
Create an Atlas Form
Sign up for Atlas and create a new form. Copy your unique form endpoint URL.
https://atlasforms.app/f/abc123xyz
Add Form to Your App
Use a standard form element. Works with App Router, Pages Router, or static export.
// app/contact/page.tsx
export default function ContactPage() {
return (
<form action="https://atlasforms.app/f/abc123xyz" method="POST">
<input
type="text"
name="name"
placeholder="Name"
required
className="input"
/>
<input
type="email"
name="email"
placeholder="Email"
required
className="input"
/>
<textarea
name="message"
placeholder="Message"
className="textarea"
/>
<button type="submit" className="btn">
Send Message
</button>
</form>
)
}Deploy and Done
Deploy your app. Forms work immediately - no environment variables needed.
# Deploy to Vercel, Netlify, or anywhere npm run build # Forms work automatically - no configuration needed
DIY vs Atlas
Save time with a managed form backend
| Feature | DIY | Atlas |
|---|---|---|
| API route code | Required | None |
| Email setup | Manual | Built-in |
| File uploads | Complex | Built-in |
| Spam protection | DIY | Built-in |
| Webhooks | Build it | |
| Dashboard | Build it | |
| HMAC verification | DIY |
Ready for simpler forms in Next.js?
Start free and upgrade when you need more. No credit card required.