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

https://github.com/arhamkhnz/next-shadcn-admin-dashboard

Admin Dashboard built with Next.js 14 + TypeScript + Shadcn ui
https://github.com/arhamkhnz/next-shadcn-admin-dashboard

admin-dashboard next-admin next-admin-dashboard nextjs nextjs-boilerplate react-boilerplate react-hook-form react-query shadcn-admin shadcn-nextjs-dashboard shadcn-template shadcn-ui shadcn-ui-starter tailwindcss tenstack typescript zod

Last synced: about 2 months ago
JSON representation

Admin Dashboard built with Next.js 14 + TypeScript + Shadcn ui

Awesome Lists containing this project

README

        

# Next.js + TypeScript + Shadcn UI Admin Dashboard
A modern admin dashboard template using Next.js 14 with App Routing, TypeScript, and Shadcn UI.

Dashboard Screenshot

## Project Context

This admin dashboard template is being built for a SaaS platform, providing flexibility and customization for specific use case.

Feel free to contribute to this project by submitting issues or pull requests.

## Features & Overview

**Features:**
- [x] Zod for Schema Validation
- [x] React Query for Data Fetching
- [x] ESLint for Code Quality
- [x] Prettier for Code Formatting
- [x] Tailwind CSS for Styling
- [x] React Hook Form for Forms
- [x] Custom Script to Get All Available Routes and Save in a File
- [ ] Auth.js for Authentication
- [ ] Tanstack Tables for Data Display

**Overview:**
- [x] Responsive Design
- [x] Role-Based Access Control (RBAC) with Configurable UI for Each User
- [x] Multi-Tenant Support

## Getting Started

To set up and run this admin dashboard locally, follow these steps:

1. ```git clone https://github.com/arhamkhnz/next-shadcn-admin-dashboard.git```
2. ```npm install```
3. ```npm run dev```

You'll be able to access the project on [http://localhost:3000](http://localhost:3000).