This is an admin dashboard starter template built with Next.js 16, Shadcn UI, and Tailwind CSS.

It gives you a production-ready dashboard UI with authentication, charts, tables, forms, and a feature-based folder structure, perfect for SaaS apps, internal tools, and admin panels.

This template uses the following stack:

• Framework - Next.js 16
• Language - TypeScript
• Auth - Clerk
• Error tracking - Sentry
• Styling - Tailwind CSS v4
• Components - Shadcn-ui
• Schema Validations - Zod
• State Management - Zustand
• Search params state manager - Nuqs
• Tables - Tanstack Data Tables • Dice table
• Forms - React Hook Form
• Command+k interface - kbar
• Linting - ESLint
• Pre-commit Hooks - Husky
• Formatting - Prettier

If you are looking for a Tanstack start dashboard template, here is the repo.

• 🧱 Pre-built admin dashboard layout (sidebar, header, content area)

• 📊 Analytics overview page with cards and charts

• 📋 Data tables with server-side search, filter & pagination

• 🔐 Authentication & user management via Clerk

• 🧩 Shadcn UI components with Tailwind CSS styling

• 🧠 Feature-based folder structure for scalable projects

• ⚙️ Ready for SaaS dashboards, internal tools, and client admin panels

You can use this Next.js + Shadcn UI dashboard starter to build:

• SaaS admin dashboards

• Internal tools & operations panels

• Analytics dashboards

• Client project admin panels

• Boilerplate for new Next.js admin UI projects

src/
├── app/ # Next.js App Router directory
│ ├── (auth)/ # Auth route group
│ │ ├── (signin)/
│ ├── (dashboard)/ # Dashboard route group
│ │ ├── layout.tsx
│ │ ├── loading.tsx
│ │ └── page.tsx
│ └── api/ # API routes
│
├── components/ # Shared components
│ ├── ui/ # UI components (buttons, inputs, etc.)
│ └── layout/ # Layout components (header, sidebar, etc.)
│
├── features/ # Feature-based modules
│ ├── feature/
│ │ ├── components/ # Feature-specific components
│ │ ├── actions/ # Server actions
│ │ ├── schemas/ # Form validation schemas
│ │ └── utils/ # Feature-specific utilities
│ │
├── lib/ # Core utilities and configurations
│ ├── auth/ # Auth configuration
│ ├── db/ # Database utilities
│ └── utils/ # Shared utilities
│
├── hooks/ # Custom hooks
│ └── use-debounce.ts
│
├── stores/ # Zustand stores
│ └── dashboard-store.ts
│
└── types/ # TypeScript types
└── index.ts

Clone the repo:

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

• bun 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.
• bun run dev

To configure the environment for this project, refer to the env.example.txt file. This file contains the necessary environment variables required for authentication and error tracking.

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

Cheers! 🥂