Skip to content

nnerb/dashboard-nextjs-tailwind

Repository files navigation

Next.js & Tailwind CSS Dashboard

A well-designed and responsive frontend dashboard built using Next.js (App Router), Tailwind CSS, and Chart.js.

Tech Stack

  • Frontend: Next.js (App Router), React.js, Tailwind CSS
  • Charts & Data Visualization: Chart.js

Features

  • Responsive and modern UI with Tailwind CSS
  • Dashboard displaying key insights using Chart.js
  • Customer management page with static data
  • Orders management page with static data

Pages Structure

  • /dashboard - Main dashboard with data visualization
  • /customer - Customer management section with static data
  • /orders - Orders management section with static data

Installation & Setup

Prerequisites

Make sure you have the following installed:

  • Node.js (latest LTS recommended)

Clone the Repository

git clone https://github.com/your-username/nextjs-dashboard.git
cd nextjs-dashboard

Install Dependencies

npm install

Run the Development Server

npm run dev

The app should now be running on http://localhost:3000

Deployment

To deploy on Vercel, run:

vercel

Follow the setup instructions and your app will be live!

Contributing

Feel free to fork the repo and submit pull requests.

License

MIT License

About

A well-designed and responsive dashboard built from nextjs and tailwind css.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published