Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

Full stack DragAndDrop Page form builder with Nextjs, Typescript ( React ), Dnd-Kit, Prisma, Postgresql (Vercel)

Notifications You must be signed in to change notification settings

BigDog1400/yt_pageform

Repository files navigation

pageform_thumbnail

Discord server for problems/help

Youtube video

LIVE DEMO

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

About

Full stack DragAndDrop Page form builder with Nextjs, Typescript ( React ), Dnd-Kit, Prisma, Postgresql (Vercel)

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

AltStyle によって変換されたページ (->オリジナル) /