nova-admin - GitLite

KO | EN

gitlite — search

#react #ai #typescript #llm #go #machine-learning #linux #macos #java #windows #awesome #cli #vue #ios

nova-admin

(★ 1,224)

A simple and flexible admin template based on Vue3, Vite, TypeScript, NaiveUI

파일 탐색기

최종 버전 다운로드 (.zip)

- - bug-report.yml
  - config.yml
  - feature-request.yml
  - others.yml
- - release.yml
- extensions.json
- settings.json
- autoProxy.ts
- plugins.ts
- dockerfile.product
- en_US.json
- zh_CN.json
- favicon.svg
- - index.ts
  - Regex.ts
  - User.ts
- - copy.ts
  - permission.ts
- - index.ts
  - useBoolean.ts
  - useEcharts.ts
  - usePermission.ts
  - useTableDrag.ts
  - useTabScroll.ts
- - Content.vue
  - index.vue
- - assets.ts
  - directives.ts
  - i18n.ts
- - guard.ts
  - index.ts
  - routes.inner.ts
  - routes.static.ts
- - index.ts
- - auth.ts
  - dict.ts
  - index.ts
  - tab.ts
- - index.css
  - naive.css
  - reset.css
  - transition.css
- - env.d.ts
  - global.d.ts
  - route.d.ts
  - router.d.ts
  - service.d.ts
- - array.ts
  - i18n.ts
  - icon.ts
  - index.ts
  - normalize.ts
  - storage.ts
- App.vue
- AppMain.vue
- main.ts
.dockerignore
.editorconfig
.env
.env.dev
.env.production
.gitattributes
.gitignore
.npmrc
docker-compose.product.yml
eslint.config.js
index.html
LICENSE
nginx.conf
package.json
pnpm-workspace.yaml
README.md
README.zh-CN.md
service.config.ts
tsconfig.json
unocss.config.ts
vite.config.ts

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

<div align="center">
<img src="https://s2.loli.net/2023/10/27/WzQ4JLNV5epKh6X.png" style="width:150px"/>
    <h1>Nova Admin</h1>
</div>

<div align="center">
    <img src="https://img.shields.io/github/license/chansee97/nova-admin"/>
    <img src="https://badgen.net/github/stars/chansee97/nova-admin?icon=github"/>
    <img src="https://gitee.com/chansee97/nova-admin/badge/star.svg"/>
    <img src="https://img.shields.io/github/forks/chansee97/nova-admin"/>
</div>

<div align='center'>

English |  [中文](./README.zh-CN.md)
</div>

## Introduction

[Nova-admin](https://github.com/chansee97/nova-admin) is a clean and concise back-end management template based on Vue3, Vite5, Typescript, and Naive UI. It implements complete functionality in a simple way, while also considering code standards, readability, and avoiding excessive encapsulation to facilitate secondary development.

- [Nova-Admin preview](https://nova-admin.pages.dev/)
- [Nova-Admin docs](https://nova-admin-docs.pages.dev/)

## Features

- Developed based on the latest technology stack including Vue3, Vite6, TypeScript, NaiveUI, Unocss, etc.
- Based on [alova](https://alova.js.org/) encapsulation and configuration, providing unified response handling and multi-scenario capabilities.
- Comprehensive front-end and back-end permission management solution.
- Supports local static routes and dynamically generated routes from the back end, with easy route configuration.
- Secondary encapsulation of commonly used components to meet basic work requirements.
- Dark theme adaptation, maintaining the Naive style for interface aesthetics.
- Only performs eslint validation during submission without excessive restrictions for simpler development.
- Flexible and configurable interface layout based on [pro-naive-ui](https://github.com/Zheng-Changfu/pro-naive-ui)
- Multilanguage (i18n) support.

## Project preview

![preview-1.png](https://s2.loli.net/2024/03/31/UZoajnEekMX9cLi.png)
![preview-2.jpg](https://s2.loli.net/2024/03/31/8VwMSyXWtO6avKg.jpg)
![preview-5.png](https://s2.loli.net/2024/03/31/TCtE2ZBU7MJ6HrY.png)
![preview-6.png](https://s2.loli.net/2024/03/31/YM1OrxZCimzLcd6.png)
![preview-4.png](https://s2.loli.net/2024/03/31/hgYHKjACqs7rcPV.png)
![preview-3.png](https://s2.loli.net/2024/03/31/TuYajAH9LWsMPf5.png)

## Repo

- [Gitee](https://gitee.com/chansee97/nova-admin)
- [Github](https://github.com/chansee97/nova-admin)

## Interface document

This project uses ApiFox for interface mock, check the online documentation for more interface details
[online aipfox docs](https://nova-admin.apifox.cn)

## Install and use

The local development environment is recommended to use pnpm 10.x, Node.js version 21.x.

It is recommended to directly download the compressed package from [Releases](https://github.com/chansee97/nova-admin/releases)

```bash
# install dependencies
pnpm i

# Run
pnpm dev

# Build product
pnpm build

```

You can deploy **nova-admin** in a production environment using docker-compose.
```bash
# Build product
docker compose -f docker-compose.product.yml up --build -d
```
> The nginx.conf provided is for reference only. You can adjust it according to your own needs.

## Related projects

- [Nova-admin-nest](https://github.com/chansee97/nova-admin-nest) (under development) Nova-Admin supporting background project based on TS, NestJs, typeorm

## Learn to communicate

Nova-Admin is a completely open-source and free project. It is still being optimized and iterated. It is designed to help developers more conveniently develop medium and large management systems. If you have any questions, please ask questions in the QQ exchange group.

| Q-Group | wechat-Group |
| :--: |:--: |
| <img src="https://cdn.jsdelivr.net/gh/chansee97/static/nova-admin/q-group.png" width=170> |<img src="https://cdn.jsdelivr.net/gh/chansee97/static/wechat.png" width=170>|

> Please indicate the purpose of adding WeChat.

## Contribution

If you find any issues or have suggestions for improvement, please create an [issue](nova-admin/issues/new) or submit a PR. We welcome your contributions!

## Support

If you feel that this project is helpful for your work or study, please help me order a ✨ Star, which will be a great encouragement and support for me, or you can buy me a cup of coffee below

| wechat | alipay |
| :--: |:--: |
| <img src="https://cdn.jsdelivr.net/gh/chansee97/static/sponsor-wechat.png" width=170> | <img src="https://cdn.jsdelivr.net/gh/chansee97/static/sponsor-alipay.png" width=170>|

## Contributors

Thanks for all their contributions!

<a href="https://github.com/chansee97/nova-admin/graphs/contributors">
  <img src="https://contrib.rocks/image?repo=chansee97/nova-admin" alt="contributors" />
</a>

## Star History

[![Star History Chart](https://api.star-history.com/svg?repos=chansee97/nova-admin&type=Date)](https://star-history.com/#chansee97/nova-admin&Date)

## License

[MIT](LICENSE)