nova admin

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

942
163
Vue

Nova Admin

English | 中文

Introduction

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.

Features

  • Developed based on the latest technology stack including Vue3, Vite5, TypeScript, NaiveUI, Unocss, etc.
  • Based on alova 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 style layout.
  • Multilanguage (i18n) support.

Project preview

preview-1.png
preview-2.jpg
preview-5.png
preview-6.png
preview-4.png
preview-3.png

Repo

Interface document

This project uses ApiFox for interface mock, check the online documentation for more interface details
online aipfox docs

Install and use

The local development environment is recommended to use pnpm 8.x, Node.js must be version 20.x.

It is recommended to directly download the compressed package from Releases

# install dependencies
pnpm i

# Run
pnpm dev

# Build product
pnpm build

You can deploy nova-admin in a production environment using docker-compose.

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

The WeChat group QR code is invalid, please add me as a friend.

Contribution

If you find any issues or have suggestions for improvement, please create an issue 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

Contributors

Thanks for all their contributions!

contributors

Star History

Star History Chart

License

MIT