Nuxt Dashboard Template with Tailwind

⚠️ WORK IN PROGRESS
This template is currently under active development.

A Nuxt 4 dashboard template styled with Tailwind CSS and developed with Nuxt 4.

🚀 Features

• Multiple pages
• Built with Nuxt 4, Tailwind CSS, Leaflet, and ECharts

🔎 Preview

🚀 Live Demo

✨ Quick Start

Clone this project:

git clone https://github.com/aelmizeb/nuxt-dashboard.git
cd nuxt-dashboard
yarn install
yarn dev

🧩 Deployment

This project is automatically deployed on GitHub Pages at: 👉 https://aelmizeb.github.io/nuxt-dashboard/

To manually generate the static site:

yarn generate

Output will be in .output/public/, ready for deployment.

More info on Nuxt deployment documentation.

Look at the Nuxt documentation to learn more.

🛠 Setup

Make sure to install dependencies:

# npm
npm install

# pnpm
pnpm install

# yarn
yarn install

# bun
bun install

💻 Development Server

Start the development server on http://localhost:3000:

# npm
npm run dev

# pnpm
pnpm dev

# yarn
yarn dev

# bun
bun run dev

📦 Production

Build the application for production:

# npm
npm run build

# pnpm
pnpm build

# yarn
yarn build

# bun
bun run build

Locally preview production build:

# npm
npm run preview

# pnpm
pnpm preview

# yarn
yarn preview

# bun
bun run preview

Check out the deployment documentation for more information.

🤝 Contributing

Contributions are welcome! If you'd like to contribute:

• Fork the repository
• Create your feature branch (git checkout -b feature/my-feature)
• Commit your changes (git commit -m 'Add new feature')
• Push to the branch (git push origin feature/my-feature)
• Open a Pull Request

🛡 License

This project is licensed under the MIT License.