Skip to content

arhamkhnz/next-shadcn-admin-dashboard

Repository files navigation

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:

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

Overview:

  • Responsive Design
  • Role-Based Access Control (RBAC) with Configurable UI for Each User
  • 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.