nextjs-starter-kit

KO | EN

gitlite — search

#react #ai #typescript #go #golang #docker #macos #windows #awesome #cli #pytorch #mcp #openai #open-source

nextjs-starter-kit

(★ 13)

Get up and going with Kinde using NextJS

nextjs-starter-kit Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Kinde Starter Kit - NextJS

This is a NextJS template with [KindeAuth](https://kinde.com/docs/sdks/nextjs-sdk).

## Register an account on Kinde

To get started set up an account on [Kinde](https://app.kinde.com/register).

## Setup your local environment

Clone this repo and install dependencies by running `npm i`

Make a copy of `.env_sample` and name it simply `.env`. Set the following variables with the details from the Kinde `App Keys` page

> KINDE_ISSUER_URL - The token host value
>
> KINDE_CLIENT_SECRET - The client secret

e.g

```
KINDE_ISSUER_URL=https://<your_subdomain>.kinde.com
KINDE_CLIENT_SECRET=<your_client_secret>
```

## Set your Callback and Logout URLs

Your user will be redirected to Kinde to authenticate. After they have logged in or registered they will be redirected back to your NextJS application.

You need to specify in Kinde which url you would like your user to be redirected to in order to authenticate your app.

On the App Keys page set ` Allowed callback URLs` to `http://localhost:3000/api/auth/kinde_callback`

> Important! This is required for your users to successfully log in to your app.

You will also need to set the url they will be redirected to upon logout. Set the `Allowed logout redirect URLs` to http://localhost:3000.

## Start the app

Run `npm run dev` and navigate to `http://localhost:3000`.

Click on `Sign up` and register your first user for your business!

## View users in Kinde

If you navigate to the "Users" page within Kinde you will see your newly registered user there. 🚀

nextjs-starter-kit

nextjs-starter-kit Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

nextjs-starter-kit

nextjs-starter-kit Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README