lgtoledo / next-shadcn-dashboard-starter

Admin Dashboard Starter with Nextjs14 and shadcn ui

Next.js 14 Admin Dashboard Starter Template With Shadcn-ui

Built with the Next.js App Router

View Demo

Overview

This is a starter template using the following stack:

• Framework - Next.js 14
• Language - TypeScript
• Styling - Tailwind CSS
• Components - Shadcn-ui
• Schema Validations - Zod
• State Management - Zustand
• Auth - Nextauth
• File Uploading - Uploadthing
• Tables - Tanstack Tables
• Forms - React Hook Form
• Linting - ESLint
• Formatting - Prettier

Pages

Pages	Specifications
Signup	Authentication with NextAuth supports Social logins and email logins(Enter dummy email for demo).
Dashboard	Cards with recharts graphs for analytics.
Users	Tanstack tables with user details client side searching, pagination etc
Users/new	A User Form with Uploadthing to support file uploading with dropzone.
Employee	Tanstack tables with server side searching, pagination etc).
Profile	Mutistep dynamic forms using react-hook-form and zod for form validation.
Kanban Board	A Drag n Drop task management board with dnd-kit and zustand to persist state locally.
Not Found	Not Found Page Added in the root level
-	-

Getting Started

Clone this repo

Run the following commands to start the development server:

npm install
npm run dev

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