https://github.com/chris-trapstar/nextui-dashboard

Dashboard sample using NextUI and NextJS
https://github.com/chris-trapstar/nextui-dashboard

dashboard next react tailwindcss typescript

Last synced: 5 months ago
JSON representation

Dashboard sample using NextUI and NextJS

• Host: GitHub
• URL: https://github.com/chris-trapstar/nextui-dashboard
• Owner: chris-trapstar
• Created: 2022-09-27T12:26:27.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2022-12-21T04:59:44.000Z (over 2 years ago)
• Last Synced: 2024-09-26T01:56:53.865Z (8 months ago)
• Topics: dashboard, next, react, tailwindcss, typescript
• Language: TypeScript
• Homepage: https://nextui-dashboard.vercel.app/
• Size: 610 KB
• Stars: 82
• Watchers: 2
• Forks: 24
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome-nextui - nextui-dashboard - Dashboard sample using NextUI and NextJS (Boilerplates / Templates)

README

        
# NextJS and NextUI Dashboard Sample

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

This is a sample for NextJS and NextUI. 

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

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

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

### 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

├── pages                   # Documentation files 

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

│   ├──  index.tsx          # Home page

│   ├── accounts.tsx        # Accounts Page

│   ├── 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.