Ecosyste.ms: Awesome

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

https://github.com/Kiranism/next-shadcn-dashboard-starter

Admin Dashboard Starter with Nextjs14 and shadcn ui
https://github.com/Kiranism/next-shadcn-dashboard-starter

next-auth next-themes nextjs-admin-template nextjs-boilerplate nextjs-example nextjs-template nextjs14 nextjs14-starter react-hook-form shadcn-ui shadcn-ui-starter tanstack-table typescript uploadthing zod

Last synced: 28 days ago
JSON representation

Admin Dashboard Starter with Nextjs14 and shadcn ui

Host: GitHub
URL: https://github.com/Kiranism/next-shadcn-dashboard-starter
Owner: Kiranism
License: mit
Created: 2023-11-02T11:54:38.000Z (8 months ago)
Default Branch: main
Last Pushed: 2024-05-31T11:14:51.000Z (about 1 month ago)
Last Synced: 2024-05-31T12:31:17.952Z (about 1 month ago)
Topics: next-auth, next-themes, nextjs-admin-template, nextjs-boilerplate, nextjs-example, nextjs-template, nextjs14, nextjs14-starter, react-hook-form, shadcn-ui, shadcn-ui-starter, tanstack-table, typescript, uploadthing, zod
Language: TypeScript
Homepage: https://next-shadcn-dashboard-starter.vercel.app
Size: 153 KB
Stars: 1,110
Watchers: 14
Forks: 230
Open Issues: 0
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
- License: LICENSE

Lists

awesome-shadcn-ui - next-shadcn-dashboard-starter - Admin Dashboard Starter with Next.js 14 and shadcn/ui (Boilerplates / Templates / Tools)

README

        
  

  

Next.js 14 Admin Dashboard Starter Template With Shadcn-ui

Built with the Next.js App Router






View Demo







## Overview

This is a starter template using the following stack:

- Framework - [Next.js 14](https://nextjs.org/13)

- Language - [TypeScript](https://www.typescriptlang.org)

- Styling - [Tailwind CSS](https://tailwindcss.com)

- Components - [Shadcn-ui](https://ui.shadcn.com)

- Schema Validations - [Zod](https://zod.dev)

- State Management - [Zustand](https://zustand-demo.pmnd.rs)

- Auth - [Auth.js](https://authjs.dev/)

- File Uploading - [Uploadthing](https://uploadthing.com)

- Tables - [Tanstack Tables](https://ui.shadcn.com/docs/components/data-table)

- Forms - [React Hook Form](https://ui.shadcn.com/docs/components/form)

- Linting - [ESLint](https://eslint.org)

- Formatting - [Prettier](https://prettier.io)

_If you are looking for a React admin dashboard starter, here is the [repo](https://github.com/Kiranism/react-shadcn-dashboard-starter)._

## Pages

| Pages                                                                             | Specifications                                                                                        |

| :-------------------------------------------------------------------------------- | :---------------------------------------------------------------------------------------------------- |

| [Signup](https://next-shadcn-dashboard-starter.vercel.app/)                       | Authentication with **NextAuth** supports Social logins and email logins(Enter dummy email for demo). |

| [Dashboard](https://next-shadcn-dashboard-starter.vercel.app/dashboard)           | Cards with recharts graphs for analytics.                                                             |

| [Users](https://next-shadcn-dashboard-starter.vercel.app/dashboard/user)          | Tanstack tables with user details client side searching, pagination etc                               |

| [Users/new](https://next-shadcn-dashboard-starter.vercel.app/dashboard/user/new)  | A User Form with Uploadthing to support file uploading with dropzone.                                 |

| [Employee](https://next-shadcn-dashboard-starter.vercel.app/dashboard/employee)   | Tanstack tables with server side searching, pagination etc).                                          |

| [Profile](https://next-shadcn-dashboard-starter.vercel.app/dashboard/profile)     | Mutistep dynamic forms using react-hook-form and zod for form validation.                             |

| [Kanban Board](https://next-shadcn-dashboard-starter.vercel.app/dashboard/kanban) | A Drag n Drop task management board with dnd-kit and zustand to persist state locally.                |

| [Not Found](https://next-shadcn-dashboard-starter.vercel.app/dashboard/notfound)  | Not Found Page Added in the root level                                                                |

| -                                                                                 | -                                                                                                     |

## Getting Started

Follow these steps to clone the repository and start the development server:

- `git clone https://github.com/Kiranism/next-shadcn-dashboard-starter.git`

- `npm install`

- Create a `.env.local` file by copying the example environment file:

  `cp env.example.txt .env.local`

- Add the required environment variables to the `.env.local` file.

- `npm run dev`

You should now be able to access the application at http://localhost:3000.