Conversational Forms

Next.js app for building and running conversational forms.

Features

• Public full-screen conversational forms at /f/[form-id]
• One-question-at-a-time flow with Framer Motion transitions
• Question types: short text, long text, multiple choice, single select, email, number, rating (1-10), date
• Conditional branching based on answers
• Top progress bar and keyboard shortcuts (Enter + arrow keys)
• Password-protected form builder at /admin
• Drag-to-reorder questions, branching setup, accent color, webhook and notification email settings
• Supabase storage (forms, questions, responses)
• Completion webhook + Resend email notification

Environment variables

Create .env.local:

NEXT_PUBLIC_SUPABASE_URL=[URL]
NEXT_PUBLIC_SUPABASE_ANON_KEY=[KEY]
SUPABASE_SERVICE_ROLE_KEY=[KEY]
ADMIN_PASSWORD=[PASSWORD]
ADMIN_SESSION_SECRET=your-64-char-random-secret # e.g. `openssl rand -hex 32`
RESEND_KEY=[RESEND_KEY]
RESEND_FROM=onboarding@resend.dev

Local development

npm install
npm run dev

Deploy

Deploy directly to Vercel. Configure the same environment variables in the Vercel project settings.