SmartForm is a next-gen AI-powered Form Builder SaaS built with Next.js 14 and Supabase.
It empowers creators to generate forms automatically using AI prompts, or build them manually with an intuitive drag-and-drop interface — no coding required.

Seamlessly integrate with Google Sheets, Slack, Stripe, PayPal, and reCAPTCHA, manage analytics, and handle billing — all inside one dashboard.

🔐 Test Login Credentials

Email: [email protected]
Password: password

🟣 V2 Update – Released on 19 October 2025

✨ Major design & performance upgrade

🔵 V1 Release – 11 October 2025

🚀 Initial product launch

⚙️ Core Features

• 🧠 AI Form Builder – Generate forms instantly from text prompts.
• 🛠️ Manual Form Builder – Drag & drop fields with live preview.
• 📈 Analytics Dashboard – Track performance and user responses.
• 💳 Billing & Invoices – Built-in payment system with history.
• 🤖 Integrations – Google Sheets, Slack, Stripe, PayPal, reCAPTCHA.
• 🌎 Multi-language Ready – Fully responsive & translation-friendly.

💼 Subscription Plans (Built-in)

Each plan includes usage tracking and progress bars inside the Billing page.

🧩 Tech Stack

Frontend: Next.js 14, TypeScript, TailwindCSS
Backend: Supabase (Database + Auth + Edge Functions)

⚙️ Installation Steps

1️⃣ Clone the Project

git clone your-smartform-folder
cd smartform

2️⃣ Install Dependencies

npm install

3️⃣ Setup Environment Variables

Create .env.local and fill with your credentials:

NEXT_PUBLIC_SUPABASE_URL=your-supabase-url
NEXT_PUBLIC_SUPABASE_ANON_KEY=your-anon-key
SUPABASE_SERVICE_ROLE_KEY=your-service-key
STRIPE_SECRET_KEY=your-stripe-secret-key
STRIPE_WEBHOOK_SECRET=your-webhook-secret
NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY=your-public-key
PAYPAL_CLIENT_ID=your-paypal-client-id
PAYPAL_SECRET_KEY=your-paypal-secret-key
NEXT_PUBLIC_SITE_URL=https://your-domain.com

4️⃣ Run Supabase Schema

Paste the SQL from schema.sql into your Supabase SQL editor to auto-create:

• Users
• Forms
• Responses
• Plans
• Payments
• Integrations
• Settings

5️⃣ Setup Edge Function

supabase functions deploy usageReset
supabase cron schedule --project-ref your-project-ref --name usage-reset --schedule "0 0 1 * *" supabase functions invoke usageReset

6️⃣ Run the App

npm run dev

Visit → http://localhost:3000

7️⃣ Deploy (Optional)

• ✅ Vercel (Recommended)
• Netlify
• Supabase Hosting

Just connect your GitHub repo and add .env values in environment settings.

⚠️ Important Notes

• Replace all demo API keys before deployment.
• Supabase Edge Function setup is required for monthly usage reset.
• Detailed README included with all setup steps.

💬 Support & Customization

Easily customizable with TailwindCSS and modular components.
All files are well-commented, developer-friendly, and ready for SaaS deployment.