Next-Antd-Template

KO | EN

gitlite — search

#react #go #android #machine-learning #rust #deep-learning #docker #macos #java #awesome #cli #openai #ios #mcp

Next-Antd-Template

(★ 21)

No description available.

Next-Antd-Template Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

<h1 align="center">Next-Antd-Template</h1>

English / [简体中文](./README_CN.md)

[Demo](https://openbytecode.com/open-idea) / [Issues](https://github.com/lijunping365/Open-Idea-Web/issues) / [Read docs](https://openbytecode.com/project/open-idea/docs/quick-start)

[演示](https://openbytecode.com/open-idea) / [反馈](https://github.com/lijunping365/Open-Idea-Web/issues) / [邮箱](openbytecode@outlook.com) / [官网](https://openbytecode.com/)

<div align="center"><strong>Next.js 14 Admin Dashboard Template</strong></div>
<div align="center">Built with the Next.js Page Router</div>

</div>

## ✨ Overview

This is a starter template using the following stack:

- Framework - [Next.js 14](https://nextjs.org/14)
- Language - [TypeScript](https://www.typescriptlang.org)
- Components - [Ant Design 5](https://ant-design.antgroup.com/index-cn)
- Style - [Tailwind CSS](https://tailwindui.com/)
- Linting - [ESLint](https://eslint.org)
- Formatting - [Prettier](https://prettier.io)

This template uses the new Next.js Page Router. This template providers dashboard layout, supports theme switching and more.

> TIP!
>
> 1. We have encapsulated the antd table paging request, you can use the hooks we provide to easily complete the table paging request.
> 
> 2. Provide a context for globally retrieving user information after the user has logged in.
> 
> 3. Themes can be easily retrieved or modified using the theme context we provide.

1. login page(light):

![img1.png](https://raw.githubusercontent.com/lijunping365/Next-Antd-Template/main/docs%2Fimg1.png)

2. login page(dark):

![img1.png](https://raw.githubusercontent.com/lijunping365/Next-Antd-Template/main/docs%2Fimg2.png)

3. dashboard page(light):

![img1.png](https://raw.githubusercontent.com/lijunping365/Next-Antd-Template/main/docs%2Fimg3.png)

4. dashboard page(collapsed):

![img1.png](https://raw.githubusercontent.com/lijunping365/Next-Antd-Template/main/docs%2Fimg4.png)

5. dashboard page(dark):

![img1.png](https://raw.githubusercontent.com/lijunping365/Next-Antd-Template/main/docs%2Fimg5.png)

6. user table page(dark):

![img1.png](https://raw.githubusercontent.com/lijunping365/Next-Antd-Template/main/docs%2Fimg6.png)

## Getting Started

Using this template create a project.

Finally, run the following commands to start the development server:

```shell
pnpm install

npm run dev
```

You should now be able to access the application at http://localhost:3000.

### Contributor

[Contributors](https://github.com/lijunping365/Open-Idea-Web/graphs/contributors)

## LICENSE

[Apache License](./LICENSE)

Next-Antd-Template

Next-Antd-Template Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Next-Antd-Template

Next-Antd-Template Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README