Next-Dash-Report

Modern dashboard application built with Next.js 14, Shadcn/UI, and Recharts. Features dark mode support and interactive data visualization components.

Features

• Interactive dashboard with data visualization
• Dark/Light mode toggle
• Responsive design
• Interactive charts with Recharts
• Modern UI with Shadcn components

Tech Stack

• Next.js 14
• TypeScript
• Tailwind CSS
• Shadcn/UI
• Recharts for data visualization

Getting Started

First, run the development server:

npm run dev

Open http://localhost:3000 with your browser to see the result.

Project Structure

• /app - Next.js App Router pages and layouts
• /components - UI components, including Shadcn components
• /lib - Utility functions
• /public - Static assets
• /styles - Global CSS and Tailwind config

Shadcn/UI Components

This project uses Shadcn/UI components which are built on top of Radix UI and styled with Tailwind CSS. The components are imported from @/components/ui/* and can be customized as needed.

Adding New Components

To add more Shadcn components, follow these steps:

1. Create a new file in the components/ui directory
2. Paste the component code from Shadcn UI documentation
3. Install any necessary dependencies

Learn More

• Next.js Documentation
• Tailwind CSS Documentation
• Shadcn/UI Documentation