{"id":21455884,"url":"https://github.com/sseworld/sse_form_designer","last_synced_at":"2026-04-12T14:39:11.362Z","repository":{"id":226437483,"uuid":"768633776","full_name":"sseworld/sse_form_designer","owner":"sseworld","description":"Form designer","archived":false,"fork":false,"pushed_at":"2024-03-13T12:02:48.000Z","size":318,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-01-23T13:13:56.369Z","etag":null,"topics":["clerk","clerk-auth","mongodb","nextjs","prisma","prisma-client","sseworld","vercel"],"latest_commit_sha":null,"homepage":"https://sse-form-designer.vercel.app","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/sseworld.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-03-07T12:58:33.000Z","updated_at":"2024-03-11T15:14:51.000Z","dependencies_parsed_at":"2024-03-10T02:25:05.656Z","dependency_job_id":"b30f91ce-67c3-4931-ace2-c53dc9c7eef3","html_url":"https://github.com/sseworld/sse_form_designer","commit_stats":null,"previous_names":["sseworld/sse_form_designer"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sseworld%2Fsse_form_designer","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sseworld%2Fsse_form_designer/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sseworld%2Fsse_form_designer/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sseworld%2Fsse_form_designer/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/sseworld","download_url":"https://codeload.github.com/sseworld/sse_form_designer/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243966476,"owners_count":20376073,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["clerk","clerk-auth","mongodb","nextjs","prisma","prisma-client","sseworld","vercel"],"created_at":"2024-11-23T05:13:51.872Z","updated_at":"2025-12-31T00:19:02.264Z","avatar_url":"https://github.com/sseworld.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"![pageform_thumbnail](https://github.com/Kliton/yt_pageform/assets/10452377/610b5935-5afd-4126-9dfd-a7064e18a0db)\n\n[Discord server for problems/help](https://discord.gg/Gc3ShuJrYE)\n\n[Youtube video](https://youtu.be/QGXUUXy0AMw)\n\n[LIVE DEMO](https://yt-pageform.vercel.app/)\n\nIn this 4 hour tutorial we are going to build this full stack PageForm application.\n\nWe are going to build this with:\n\n- Nextjs 13 with AppRouter\n- Dnd-kit library\n- ServerActions\n- Typescript\n- Tailwindcss / Shadcn UI\n- Vercel MongoDB\n- Prisma as ORM\n\nFeatures:\n\n- Responsive\n- Create forms with a stunning drag and drop designer\n- Layout fields: Title, SubTitle, Spacer, Separator, Paragraph\n- Form fields: Text, Number, Select, Date, Checkbox, Textarea\n- Is easy to add and customize new fields\n- Form preview dialog\n- Share form url\n- Form submission/validation\n- Form stats: visits and submissions\n\nInstalling The Packages:\n\n```bash\n# Installing the Packages\nnpm install --save @clerk/nextjs@^4.23.5 @dnd-kit/core@^6.0.8 @hookform/resolvers@^3.3.1 @prisma/client@^5.3.1  @radix-ui/react-accordion@^1.1.2 @radix-ui/react-alert-dialog@^1.0.4 @radix-ui/react-aspect-ratio@^1.0.3 @radix-ui/react-avatar@^1.0.3 @radix-ui/react-checkbox@^1.0.4 @radix-ui/react-collapsible@^1.0.3 @radix-ui/react-context-menu@^2.1.4 @radix-ui/react-dialog@^1.0.4 @radix-ui/react-dropdown-menu@^2.0.5 @radix-ui/react-hover-card@^1.0.6 @radix-ui/react-icons@^1.3.0 @radix-ui/react-label@^2.0.2 @radix-ui/react-menubar@^1.0.3 @radix-ui/react-navigation-menu@^1.1.3 @radix-ui/react-popover@^1.0.6 @radix-ui/react-progress@^1.0.3 @radix-ui/react-radio-group@^1.1.3 @radix-ui/react-scroll-area@^1.0.4 @radix-ui/react-select@^1.2.2 @radix-ui/react-separator@^1.0.3 @radix-ui/react-slider@^1.1.2 @radix-ui/react-slot@^1.0.2 @radix-ui/react-switch@^1.0.3 @radix-ui/react-tabs@^1.0.4 @radix-ui/react-toast@^1.1.4 @radix-ui/react-toggle@^1.0.3 @radix-ui/react-tooltip@^1.0.6 class-variance-authority@^0.7.0 clsx@^2.0.0 cmdk@^0.2.0 date-fns@^2.30.0 eslint@8.49.0 eslint-config-next@13.4.19 next-themes@^0.2.1 nextjs-toploader@^1.4.2 prettier@^3.0.3 react-confetti@^6.1.0 react-day-picker@^8.8.2 react-hook-form@^7.46.1 react-icons@^4.11.0 tailwind-merge@^1.14.0 tailwindcss-animate@^1.0.7 zod@^3.22.2\n```\n\nAdding Vercel Speed Insight:\n\n```bash\nnpm i @vercel/speed-insights\nimport { SpeedInsights } from \"@vercel/speed-insights/next\"\n```\n\nTable for Mongodb Connection of Prisma:\n\n```bash\nmodel Form {\n  id              String            @id @default(auto()) @map(\"_id\") @db.ObjectId\n  userId          String\n  createdAt       DateTime          @default(now())\n  published       Boolean           @default(false)\n  name            String\n  description     String            @default(\"\")\n  content         String            @default(\"[]\")\n  visits          Int               @default(0)\n  submissions     Int               @default(0)\n  shareURL        String            @unique @default(uuid())\n  FormSubmissions FormSubmissions[]\n\n  @@unique([name, userId])\n}\n\nmodel FormSubmissions {\n  id        String   @id @default(auto()) @map(\"_id\") @db.ObjectId\n  createdAt DateTime @default(now())\n  formId    String\n  form      Form     @relation(fields: [formId], references: [id])\n\n  content String\n}\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsseworld%2Fsse_form_designer","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsseworld%2Fsse_form_designer","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsseworld%2Fsse_form_designer/lists"}