Page-form-gado-testing NPM | npm.io

0.3.0 • Published 11 months ago

Install

Weekly downloads

-

License

-

Repository

Last release

11 months ago

pageform_thumbnail

Discord server for problems/help

In this 4 hour tutorial we are going to build this full stack PageForm application.

We are going to build this with:

Nextjs 13 with AppRouter
Dnd-kit library
ServerActions
Typescript
Tailwindcss / Shadcn UI
Vercel PostgreSQL
Prisma as ORM

Features:

Responsive
Create forms with a stunning drag and drop designer
Layout fields: Title, SubTitle, Spacer, Separator, Paragraph
Form fields: Text, Number, Select, Date, Checkbox, Textarea
Is easy to add and customize new fields
Form preview dialog
Share form url
Form submission/validation
Form stats: visits and submissions

@clerk/nextjs @dnd-kit/core @hookform/resolvers @prisma/client @radix-ui/react-accordion @radix-ui/react-alert-dialog @radix-ui/react-aspect-ratio @radix-ui/react-avatar @radix-ui/react-checkbox @radix-ui/react-collapsible @radix-ui/react-context-menu @radix-ui/react-dialog @radix-ui/react-dropdown-menu @radix-ui/react-hover-card @radix-ui/react-icons @radix-ui/react-label @radix-ui/react-menubar @radix-ui/react-navigation-menu @radix-ui/react-popover @radix-ui/react-progress @radix-ui/react-radio-group @radix-ui/react-scroll-area @radix-ui/react-select @radix-ui/react-separator @radix-ui/react-slider @radix-ui/react-slot @radix-ui/react-switch @radix-ui/react-tabs @radix-ui/react-toast @radix-ui/react-toggle @radix-ui/react-tooltip @types/node @types/react @types/react-dom @types/react-modal autoprefixer class-variance-authority clsx cmdk date-fns eslint eslint-config-next lucide-react nanoid next next-themes nextjs-toploader postcss react react-confetti react-day-picker react-dom react-hook-form react-icons react-modal tailwind-merge tailwindcss tailwindcss-animate typescript zod zustand

11 months ago

11 months ago

11 months ago