next-shadcn-admin-dashboard icon indicating copy to clipboard operation
next-shadcn-admin-dashboard copied to clipboard

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

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.