This Next.js project is a fully functional starter kit featuring Convex for backend data handling, Kinde for authentication, and Shadcn for UI components—all set up and ready to go! With a single command, you’ll have everything installed and configured to start building a Next.js app with user authentication, data management, and styled components.
To get started clone the repo and run :
- step 1
npm i- step 2 (select your project)
npx convex dev - step3
KINDE_CLIENT_ID=
KINDE_CLIENT_SECRET=
KINDE_ISSUER_URL=
KINDE_SITE_URL=
KINDE_POST_LOGOUT_REDIRECT_URL=
KINDE_POST_LOGIN_REDIRECT_URL=
CONVEX_DEPLOYMENT=
NEXT_PUBLIC_CONVEX_URL=That’s it! 🎉 With npm install, you’re all set up with Convex, Kinde Auth, and Shadcn, making it a perfect foundation for building and scaling user-based applications in Next.js.
npm run devThen open http://localhost:3000 with your browser to see the result.
- Convex Integration: Easily handle backend data operations and management.
- Kinde Authentication: Secure user authentication, session management, and authorization out of the box.
- Shadcn UI: Pre-styled and accessible UI components that enhance the design and usability of your application