Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/shadmanshakib/shakib-admin-v3

Full stack admin dashboard build with Next.js (app router), Shadcn UI, Tailwind CSS, Kinde Auth, Prisma, MongoDB
https://github.com/shadmanshakib/shakib-admin-v3

ai dashboard mongodb nextjs prisma saas shadcn-ui tailwindcss

Last synced: 10 days ago
JSON representation

Full stack admin dashboard build with Next.js (app router), Shadcn UI, Tailwind CSS, Kinde Auth, Prisma, MongoDB

Awesome Lists containing this project

README

        

# Shakib Admin V3 - NextJS with full App Router support

[![Shakib Admin V3](https://img.youtube.com/vi/HCeadqjg8uw/0.jpg)](https://www.youtube.com/watch?v=HCeadqjg8uw)

## Dependancies

- node.js (>=18)
- Kinde account - Get free account [here](https://app.kinde.com/register)
- Kinde back-end web application setup

## Setup your local environment

1. [Fork](https://github.com/kinde-starter-kits/kinde-nextjs-app-router-starter-kit/fork)
2. Clone the repository

```
git clone https://github.com//kinde-nextjs-app-router-starter-kit.git
```

3. Within the project folder install the dependancies

```
> cd kinde-nextjs-app-router-starter-kit
> npm i
```

4. Set up your environment

Rename `.env.local.sample` to `.env.local`

Update the file with your application settings. These can be found within the backend application details within the Kinde dashboard

```
KINDE_CLIENT_ID=
KINDE_CLIENT_SECRET=
KINDE_ISSUER_URL=https://.kinde.com
```

## Setup Kinde

Within your back-end web application update your settings

**Allowed callback URLs**

```
http://localhost:3000/api/auth/kinde_callback
```

**Allowed logout redirect URLs**

```
http://localhost:3000
```

**Note: When you deploy your application, these URLs will have to be updated accordingly**

## Start your app

```
npm run dev
```

open `http://localhost:3000` in your browser

## Create your first user

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

Within the Kinde Dashboard, you will see your new user listed within the user view. 🚀

# Resources

- [Kinde Next.js SDK Docs](https://kinde.com/docs/developer-tools/nextjs-sdk/)
- [Kinde Management API Docs](https://kinde.com/api/docs/#kinde-management-api)

# Get help

- [Discord](https://discord.gg/wHX6j7wG5d)
- [Slack](https://join.slack.com/t/thekindecommunity/shared_invite/zt-26hdaavyc-CfOa06vP23guSwK~~OpFMQ)