AI Tools (Vibe coding)
The form backend for AI-generated applications. Stop juggling multiple services for form submissions. Get a complete form solution that works out of the box.
This guide is for developers using vibe coding platforms like Lovable, Bolt, Replit, v0, and more.
Copy AI Instructions
Copy and paste into ChatGPT, Claude, Cursor, or your preferred AI assistant. Includes everything needed to generate forms with Forminit.
Why Forminit?
Section titled “Why Forminit?”AI coding tools make it incredibly fast to build applications. You describe what you want, AI generates the code, and your app comes to life in minutes. But when it comes to handling form submissions, developers often end up with fragmented solutions that require multiple services, custom code, and ongoing maintenance.
Forminit solves this by providing everything you need for forms in one place:
- Receive and store submissions without a database
- Get email notifications without third-party email services
- View, search, and export submissions from a dashboard
- Handle file uploads without configuring storage
- Validate data server-side automatically
The Problem with Current Approaches
Section titled “The Problem with Current Approaches”When building forms in AI coding tools, developers typically piece together multiple services:
The Common Stack
Section titled “The Common Stack”- Supabase for storing submissions in a database
- Resend or SendGrid for sending email notifications
- Edge Functions or Webhooks to connect everything
- Custom validation logic in application code
- Cloudflare R2 or S3 for file upload storage
What Goes Wrong
Section titled “What Goes Wrong”Too many moving parts. Each service has its own dashboard, API keys, rate limits, and pricing. When something breaks, you need to debug across multiple platforms.
Every change requires redeployment. Want to add a notification email? Update validation rules? Add a new field? Each change means modifying code and redeploying your application.
No centralized view of submissions. Your form data lives in a database table. To see submissions, you need to build an admin interface or query the database directly. Searching, filtering, and exporting requires custom development.
File uploads are complicated. Handling file uploads means configuring storage buckets, managing presigned URLs, setting up CORS, and dealing with size limits. This adds significant complexity to your application.
Validation is your responsibility. Email format, phone number format, country codes - you need to implement and maintain validation logic. Edge cases and updates become your problem.
Email deliverability is not guaranteed. Sending transactional emails requires proper domain configuration, SPF/DKIM records, and monitoring. Using free tiers often means limited sends or delivery issues.
How Forminit Simplifies Everything
Section titled “How Forminit Simplifies Everything”One Service, Complete Solution
Section titled “One Service, Complete Solution”Forminit replaces the entire stack with a single service designed specifically for forms:
| What You Need | Without Forminit | With Forminit |
|---|---|---|
| Data Storage | Supabase tables | Built-in |
| Email Notifications | Resend + Edge Functions | Built-in |
| File Uploads | R2/S3 + presigned URLs | Built-in |
| Validation | Custom code | Built-in |
| Admin Dashboard | Build your own | Built-in |
| Spam Protection | Implement yourself | Built-in |
No Redeployment for Changes
Section titled “No Redeployment for Changes”With Forminit, common changes happen in the dashboard, not in code:
- Add or remove notification emails
- Enable or disable spam protection
- Set up auto-responses
- Configure webhooks for integrations
- Rename or reorder fields
- Export submissions to CSV
Your application code stays the same. Changes take effect immediately.
Centralized Inbox
Section titled “Centralized Inbox”Every submission appears in your Forminit dashboard where you can:
- View all submissions in one place
- Search across all fields
- Filter by date, status, or custom criteria
- Mark submissions as read, spam, or archived
- Export to CSV or JSON
- Set up team access for collaboration
Built-in File Handling
Section titled “Built-in File Handling”File uploads just work:
- Up to 25 MB per submission
- Automatic storage and retrieval
- Support for documents, images, audio, video, and archives
- No storage bucket configuration required
- Files accessible from the dashboard
Automatic Validation
Section titled “Automatic Validation”Every submission is validated server-side:
- Email addresses are checked for proper format
- Phone numbers are validated against E.164 format
- Country codes are verified against ISO 3166-1
- URLs are checked for valid format
- Ratings are constrained to 1-5 range
- Dates are validated as ISO 8601
Validation errors return clear, actionable messages.
What You Get
Section titled “What You Get”For Your Users
Section titled “For Your Users”- Fast, reliable form submissions
- Clear validation feedback
- File upload support
- Thank you page after submission
For You as a Developer
Section titled “For You as a Developer”- No database schema to design
- No email service to configure
- No storage buckets to manage
- No validation logic to write
- No admin interface to build
For Your Application
Section titled “For Your Application”- Simple SDK integration
- FormData or JSON submission formats
- Consistent response structure
- Detailed error codes for handling
Perfect for AI-Generated Apps
Section titled “Perfect for AI-Generated Apps”AI coding tools excel at generating application code quickly. Forminit complements this by handling the backend infrastructure that would otherwise slow you down:
- Multiple service accounts
- Environment variables for each service
- Complex error handling across services
- Ongoing maintenance and updates
Instead, your AI-generated application needs only:
- One Form ID
- One API endpoint
- One consistent response format
This reduces the surface area for bugs and makes your application easier to understand, maintain, and extend.
Common Use Cases
Section titled “Common Use Cases”Contact Forms
Section titled “Contact Forms”Collect name, email, and message. Get notified by email. Reply directly from your inbox.
Lead Generation
Section titled “Lead Generation”Capture prospect information with company, role, and interest level. Export leads for your CRM.
Application Forms
Section titled “Application Forms”Accept resumes and cover letters. Store applicant details. Review submissions as a team.
Feedback Collection
Section titled “Feedback Collection”Gather ratings and comments. Track satisfaction over time. Identify issues quickly.
Event Registration
Section titled “Event Registration”Collect attendee information. Handle dietary preferences and accessibility needs. Export attendee lists.
Support Requests
Section titled “Support Requests”Receive bug reports with screenshots. Categorize by priority. Track resolution status.
Getting Started
Section titled “Getting Started”Step 1: Create Your Form
Section titled “Step 1: Create Your Form”Sign up at forminit.com and create a new form. You will receive a Form ID that identifies your form.
Step 2: Configure Settings
Section titled “Step 2: Configure Settings”Set your notification email, enable spam protection, and customize your thank you page. No code required.
Step 3: Integrate with Your App
Section titled “Step 3: Integrate with Your App”Add the Forminit SDK to your application and submit forms using your Form ID. The SDK handles everything else.
Integration Options
Section titled “Integration Options”Forminit works with any framework or platform:
Client-Side (Static Sites, SPAs)
Section titled “Client-Side (Static Sites, SPAs)”For HTML sites, React apps, Vue apps, and similar client-side applications. Submissions go directly to Forminit with no server required.
Server-Side (Next.js, Nuxt, Node.js)
Section titled “Server-Side (Next.js, Nuxt, Node.js)”For applications with a backend. Route submissions through your server to keep API keys secure and add custom logic.
Hybrid
Section titled “Hybrid”Combine client-side convenience with server-side control. Use the proxy pattern to validate on your server before forwarding to Forminit.
Comparison
Section titled “Comparison”Forminit vs. DIY with Supabase + Resend
Section titled “Forminit vs. DIY with Supabase + Resend”| Aspect | DIY Stack | Forminit |
|---|---|---|
| Setup Time | Hours | Minutes |
| Services to Manage | 3+ | 1 |
| Code to Maintain | Significant | Minimal |
| Dashboard | Build yourself | Included |
| Email Deliverability | Your responsibility | Handled |
| File Storage | Configure yourself | Included |
| Validation | Implement yourself | Built-in |
| Changes | Require redeployment | Dashboard only |
Forminit vs. Other Form Services
Section titled “Forminit vs. Other Form Services”Forminit is built for developers using modern AI coding tools. Unlike legacy form builders:
- Works with any frontend framework
- Provides a proper API, not just embed codes
- Offers flexible data structure with Form Blocks
- Includes SDK for type-safe integration
- Supports both client-side and server-side usage
Pricing
Section titled “Pricing”Forminit offers a free tier for getting started, with paid plans for higher volumes and additional features. Check pricing page for current details.