Full-stack web app for creating and sharing forms, built with Next.js, TypeScript, and Tailwind CSS.
- Drag-and-Drop Form Builder:
- Layout fields: paragraph, title, sub-title, spacer, separator,
- Input fields: text, number, select, date, checkbox, textarea
- Share Forms: Generate a unique URL for easy sharing.
- View Responses: Access form submissions in a tabular format.
- Analytics: Track form views and submissions.
| Technology | Purpose |
|---|---|
| Next.js | Full-stack React framework |
| TypeScript | Language |
| Clerk | Authentication |
| Prisma | ORM |
| PostgreSQL | Database |
| Tailwind CSS | CSS framework |
| Shadcn/ui | UI components |
npm install# Clerk
NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=
CLERK_SECRET_KEY=
# Clerk Custom Routing
NEXT_PUBLIC_CLERK_SIGN_IN_URL=/sign-in
NEXT_PUBLIC_CLERK_SIGN_UP_URL=/sign-up
NEXT_PUBLIC_CLERK_AFTER_SIGN_IN_URL=/dashboard
NEXT_PUBLIC_CLERK_AFTER_SIGN_UP_URL=/dashboard
# Prisma with Vercel Postgres
POSTGRES_PRISMA_URL=
POSTGRES_URL_NON_POOLING=| Command | Description |
|---|---|
npm run dev |
Start the development server (localhost:3000) |
npm run lint |
Lint the project |
npm run format |
Format the code |
npm run build |
Build the app for production |
npm run start |
Run the production build |