Lead pipeline
Every submission becomes a tracked lead
New, Contacted, and Converted stages in one dashboard. See active enquiries and conversion rate without counting manually or adding a separate CRM.
Why Next.js static export needs an external form backend
Static export produces HTML files. At runtime there are no API routes to process contact form POSTs.
- output: "export" removes the Node server that would host route handlers.
- Adding serverless functions just for a contact form increases host lock-in and complexity.
- Marketing sites often do not need a full Next.js backend for one enquiry form.
- Inbox-only tools leave no shared lead pipeline for follow-up.
How Formgrid works with Next.js static export
Keep using Next.js for pages and components. Formgrid receives the POST after export so you do not need API routes for lead capture.
Works with static export
Use output: "export" and still collect submissions with a Formgrid action URL.
No API routes required
Skip app/api or pages/api handlers when Formgrid is your form endpoint.
Deploy anywhere
The same endpoint works on Vercel static output, Netlify, Cloudflare Pages, or object storage.
Lead ops included
Email notifications, pipeline statuses, reminders, Sheets sync, and UTM tracking.
Connect a Next.js static form in four steps
Create a Formgrid form, add the action to your Next.js form component, export statically, and manage leads.
-
Create a form
Create a Formgrid form and copy the endpoint URL.
-
Point the action
Set method="POST" and action in your Next.js form JSX.
-
Export and deploy
Build with static export and publish the HTML output.
-
Manage leads
Track submissions with email alerts and the lead pipeline.
Features for static site forms
Formgrid goes beyond inbox forwarding so marketing sites and developer portfolios can manage real enquiries.
Email notifications
Google Sheets sync
Lead pipeline
Follow-up reminders
Spam protection
File uploads
UTM tracking
Example integration
Point a standard HTML form at your Formgrid endpoint. Field names map directly to the submission dashboard.
components/ContactForm.tsx
<form action="https://formgrid.dev/api/f/your-form-id" method="POST">
<label>
Name
<input type="text" name="name" required />
</label>
<label>
Email
<input type="email" name="email" required />
</label>
<label>
Message
<textarea name="message" required></textarea>
</label>
<button type="submit">Send</button>
</form>Designed for Next.js static export. Replace your-form-id with the form ID from your Formgrid dashboard.
