{"id":18903517,"url":"https://github.com/jperez00/next-kit-form","last_synced_at":"2026-05-07T09:32:54.253Z","repository":{"id":260858171,"uuid":"881713557","full_name":"JPerez00/next-kit-form","owner":"JPerez00","description":"A simple Next.js template for stylish waitlists and newsletters, powered by KIT API, Headless UI, and Framer Motion.","archived":false,"fork":false,"pushed_at":"2024-11-04T01:35:51.000Z","size":447,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2024-12-31T10:14:53.701Z","etag":null,"topics":["convertkit-api","framer-motion","headlessui","kit","kit-api","newsletter","nextjs14","tailwindcss","typescript"],"latest_commit_sha":null,"homepage":"https://next-kit-form.vercel.app","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/JPerez00.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"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-11-01T04:34:22.000Z","updated_at":"2024-11-04T03:08:07.000Z","dependencies_parsed_at":"2024-11-03T05:20:19.127Z","dependency_job_id":"cdf62d96-8a18-4f0e-a48d-5446284e00e3","html_url":"https://github.com/JPerez00/next-kit-form","commit_stats":null,"previous_names":["jperez00/next-kit-form"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JPerez00%2Fnext-kit-form","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JPerez00%2Fnext-kit-form/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JPerez00%2Fnext-kit-form/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JPerez00%2Fnext-kit-form/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/JPerez00","download_url":"https://codeload.github.com/JPerez00/next-kit-form/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":239888231,"owners_count":19713690,"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":["convertkit-api","framer-motion","headlessui","kit","kit-api","newsletter","nextjs14","tailwindcss","typescript"],"created_at":"2024-11-08T09:05:25.999Z","updated_at":"2025-10-14T18:04:10.655Z","avatar_url":"https://github.com/JPerez00.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# NextKit Form - A Waitlist \u0026 Newsletter Powered By KIT API\n\n![Image](/public/nextkit-hero.png)\n\nA simple Next.js template for waitlist or newsletter sign-ups, integrated with the KIT API (formerly ConvertKit). Features Headless UI for customization and Framer Motion for smooth animations—ideal for capturing emails with style and ease.\n\nYou can follow the steps below, or you can see the full code in the [GitHub Repo](https://github.com/JPerez00/next-kit-form). If you do check it out, then don't forget the star the project 😉\n\nIf you want to follow step by step and understand the reasoning behind it, check out the blog [here](https://www.jorge-perez.dev/blog/nextkit-form-template)\n\n## Live Demo\n\n[https://next-kit-form.vercel.app/](https://next-kit-form.vercel.app/)\n\n## Main Features\n\n- Built with Next.js 14 and the App Router\n- TypeScript Integration\n- Framer Motion Animations\n- Headless UI Components\n- Kit API Integration (Formerly ConvertKit)\n- Client-Side Email Validation \u0026 Server-Side Validation\n- Secure API Routes\n- Environment Variables Configuration\n\n## Prerequisites\n\n- Node.js version 14 or later\n- npm version 6 or later (or yarn)\n\n## Customize \u0026 Edit\n\n- Modify the content in app/page.tsx to change headings, descriptions, and other text.\n- To use a different email service provider, update the API route in app/api/subscribe/route.ts accordingly.\n- Ensure you update environment variables and API endpoints as needed.\n\n## Clone \u0026 Run Locally\n\nFirst, execute create-next-app with npx to bootstrap the example:\n\n```bash\nnpx create-next-app --example https://github.com/JPerez00/next-kit-form your-project-name-here\n```\n\nCreate a `\".env.local\"` file (which should never be committed to version control), and add your info:\n\n```bash\nCONVERTKIT_API_SECRET=your_convertkit_api_secret\nCONVERTKIT_FORM_ID=your_form_id_number\n```\n\nThen run the development server:\n\n```bash\nnpm run dev\n```\n\nOpen [http://localhost:3000](http://localhost:3000) with your browser to see the result.\n\n## Clone \u0026 Deploy\n\nWhen deploying the project to Vercel, add the same environment variable to your Vercel project.\n\nNavigate to your Vercel dashboard, select your project, go to the \"Settings\" tab, and then to \"Environment Variables.\"\n\n```bash\nCONVERTKIT_API_SECRET=your_convertkit_api_secret\nCONVERTKIT_FORM_ID=your_form_id_number\n```\n\n## License\n\nThis project is open source and available under the MIT License.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjperez00%2Fnext-kit-form","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjperez00%2Fnext-kit-form","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjperez00%2Fnext-kit-form/lists"}