Shadcn Admin Dashboard

Admin dashboard starter kit developed with React, Vite, Shadcn etc.

Features

[x] Responsive Web Design

[x] Auto generated sidebar menu from react-router's routes

[x] Extra custom components

[] WIP : Light/dark mode

[] WIP : Global Search Command

Tech Stack

Build Tool: Vite

Routing: React Router

Styling: ShadcnUI, including TailwindCSS and RadixUI

Utility Tool:

• TypeScript
• React Hook Form
• Zod
• Husky
• lint-staged
• Eslint
• Prettier
• Lucide

Setup

Prerequisites

Make sure you have the following installed:

• Node.js (v22.x)
• Yarn or npm

Installation

Clone the project

1. Clone this repository:

     git clone https://github.com/hariadiarief/react-vite-shadcn-dashboard-starter-kit.git

2. Go to the project directory

     cd react-vite-shadcn-dashboard-starter-kit

3. Install the dependencies:

     npm install

Development

To start the development server, run:

  yarn dev
  # or
  npm run dev

License

Licensed under the MIT License