https://github.com/siumauricio/nextui-dashboard-template

Dashboard starter using NextUI V2 and Nextjs.
https://github.com/siumauricio/nextui-dashboard-template

beatiful dashboard free-dashboard minimalist nextjs nextui template

Last synced: 6 days ago
JSON representation

Dashboard starter using NextUI V2 and Nextjs.

• Host: GitHub
• URL: https://github.com/siumauricio/nextui-dashboard-template
• Owner: Siumauricio
• License: mit
• Created: 2022-09-19T21:48:54.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2024-08-05T16:18:13.000Z (3 months ago)
• Last Synced: 2024-10-30T12:48:38.855Z (6 days ago)
• Topics: beatiful, dashboard, free-dashboard, minimalist, nextjs, nextui, template
• Language: TypeScript
• Homepage: https://nextui-dashboard-template.vercel.app/
• Size: 729 KB
• Stars: 648
• Watchers: 10
• Forks: 129
• Open Issues: 6
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# NextJS and NextUI Dashboard Template Starter

You can deploy here directly to vercel [![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/import/project?template=https://github.com/Siumauricio/nextui-dashboard-template)

V1 Version Stitches https://v1-nextui-dashboard-template.vercel.app/

V1 Code: https://github.com/Siumauricio/nextui-dashboard-template/tree/v1

This is a template for NextJS and NextUI.

[NextJS](https://nextjs.org/)

[NextUI](https://nextui.org/)

You can see the demo here: https://nextui-dashboard-template.vercel.app/

For improve this template, you can create a pull request or open an issue here [Issues](https://github.com/Siumauricio/nextui-dashboard-template/issues) or [Pull Request](

    https://github.com/Siumauricio/nextui-dashboard-template/pulls)

### Dark Mode

![Dashboard Dark Mode](./public/dark.png)

### Light Mode

![Dashboard Light Mode](./public/light.png)

- Dark Mode Support

- Full Responsive

- Home Page with Charts

- Accounts Page

- More pages coming soon...

```

├── components

│   ├── accounts            # Accounts components

│   ├── charts              # Charts components

│   ├── breadcrumb          # component

|   ├── home                # Home components

|   ├── layout              # Layout components

|   ├── navbar              # Navbar components

|   ├── sidebar             # Sidebar components

|   ├── table               # Table components

|   ├── styles              # Some reusable components

|   ├── icons               # Icons

|   ├── hooks               # Hooks

├── app                     # Documentation files

│   ├── accounts            # Accounts route

|       ├── page.tsx        # Accounts page

│   ├── page.tsx            # Entry point for the app

│   ├── layout.tsx          # Layout applied to all application pages

│   ├── providers.tsx       # Theme provider

│   ├── more...             # Soon

└──

```

## For Run

Install dependencies

```bash

npm install

```

Start the server

```bash

npm run dev

```

Now you can visit https://localhost:3000 in your browser.