This project presents a robust blueprint focused on streamlining the authentication workflow within Next.js applications through seamless integration with the Kinde authentication service.
You can deploy this template to Vercel with the button below:
You can also clone & create this repo locally with the following command:
npx create-next-app kinde-auth --example "https://github.com/kelvinyelyen/kinde-auth"This Kinde SDK is designed specifically for Next.js version 13+ and utilizes Server Side Components and App Router.
Before you begin, ensure you have the following in place: Kinde account (Register for free here)
- Clone the repository:
git clone https://github.com/kelvinyelyen/kinde-auth.git - Navigate to the project directory:
cd kinde-auth - Install dependencies:
npm install - Setup environment variables:
.env.example - Start the development server:
npm run dev
You have the flexibility to personalize and modify your Login and Registration forms etc. directly within your Kinde Profile. Additionally, expanding your options is hassle-free – you can easily integrate additional providers by following straightforward steps with just a click.
- Next.js – React framework for building performant apps with the best developer experience
- Vercel – Easily preview & deploy changes with git
- Kinde – Simple, powerful authentication
- Tailwind CSS – Utility-first CSS framework for rapid UI development
- shadcn/ui – Beautifully designed components that you can copy and paste into your apps
Feel free to reach out to me through email at hi@kelvinyelyen.com or on Twitter/X if you have any questions or feedback! Hope you find this useful.