chakra-nextjs-dashboard

KO | EN

gitlite — search

#python #react #ai #llm #golang #android #rust #macos #nodejs #cli #kubernetes #awesome-list #pytorch #mcp

chakra-nextjs-dashboard

(★ 101)

A responsive dashboard UI built using Chakra UI and Next.js.

chakra-nextjs-dashboard Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Dashboard UI

Built using:

| Name | Version | Docs/GitHub/Website |
| ----------- | ----------- | ----------- |
| Chakra UI | 1.6.2 | https://chakra-ui.com/ |
| ChartJS   | 3.3.0 | https://www.chartjs.org/docs/master/ |
| React  Icons (Feather) | 4.28.0 | https://react-icons.github.io/react-icons/icons?name=fi |
| Next.js | 3.0.3 | https://nextjs.org/docs/getting-started |
| React Chart 2 | - | http://reactchartjs.github.io/react-chartjs-2/#/ |

The design: https://dribbble.com/shots/15640240-The-Rise-dashboard-activity

---

This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).

## Getting Started

First, run the development server:

```bash
npm run dev
# or
yarn dev
```

Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.

You can start editing the page by modifying `pages/index.js`. The page auto-updates as you edit the file.

[API routes](https://nextjs.org/docs/api-routes/introduction) can be accessed on [http://localhost:3000/api/hello](http://localhost:3000/api/hello). This endpoint can be edited in `pages/api/hello.js`.

The `pages/api` directory is mapped to `/api/*`. Files in this directory are treated as [API routes](https://nextjs.org/docs/api-routes/introduction) instead of React pages.

## Learn More

To learn more about Next.js, take a look at the following resources:

- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.

You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!

## Deploy on Vercel

The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.

Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.

chakra-nextjs-dashboard

chakra-nextjs-dashboard Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

chakra-nextjs-dashboard

chakra-nextjs-dashboard Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README