https://github.com/diivvuu/nextjs-boilerplate
This repository provides a ready-to-use setup for integrating Convex and Kinde authentication into a Next.js application. With this setup, you can quickly configure user authentication, create new users, and manage sessions securely using Convex as the backend and Kinde as the authentication provider.
https://github.com/diivvuu/nextjs-boilerplate
authentication boilerplate boilerplate-template convex convex-backend full-stack kinde-auth nextjs-starter nextjs15 react typescript
Last synced: about 2 months ago
JSON representation
This repository provides a ready-to-use setup for integrating Convex and Kinde authentication into a Next.js application. With this setup, you can quickly configure user authentication, create new users, and manage sessions securely using Convex as the backend and Kinde as the authentication provider.
- Host: GitHub
- URL: https://github.com/diivvuu/nextjs-boilerplate
- Owner: Diivvuu
- Created: 2024-11-01T11:04:44.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-11-01T14:17:38.000Z (over 1 year ago)
- Last Synced: 2025-03-28T07:44:20.125Z (about 1 year ago)
- Topics: authentication, boilerplate, boilerplate-template, convex, convex-backend, full-stack, kinde-auth, nextjs-starter, nextjs15, react, typescript
- Language: TypeScript
- Homepage:
- Size: 2.27 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Next.js Starter with Convex, Kinde Auth, and Shadcn UI
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.
## Quick Start
To get started clone the repo and run :
- step 1
```bash
npm i
```
- step 2 (select your project)
```bash
npx convex dev
```
- step3
### add env variables
```bash
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.
## Run the App
```bash
npm run dev
```
Then open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
### Features
- 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