Naive Agentic Admin

A fresh and elegant admin template, based on Vue 3, Vite+, TypeScript, Naive UI and UnoCSS.

NaiveAgenticAdmin is a clean, elegant, beautiful and powerful admin template, based on the latest front-end technology stack, including Vue 3, Vite+, TypeScript, Pinia and UnoCSS. It has built-in rich theme configuration and components, strict code specifications, and an automated file routing system. In addition, it also uses the online mock data solution based on ApiFox. NaiveAgenticAdmin provides you with a one-stop admin solution, no additional configuration, and out of the box. It is also a best practice for learning cutting-edge technologies quickly.

Install
Usage
Features
Browser Support
Maintainer
Contributing
License

Install

Make sure your environment meets the following requirements:

git.
node >=18.12.0, recommended 18.19.0 or higher.
pnpm >= 8.7.0, recommended 8.14.0 or higher.

# Clone project
git clone https://github.com/loicduong/naive-agentic-admin.git

# Install dependencies
pnpm i

Usage

# Start project
pnpm dev

# Build project on production environment
pnpm build

# Build project on development environment
pnpm build:dev

# Build project on testing environment
pnpm build:tst

# Clean cache & related files
pnpm cleanup

# Start project on development environment
pnpm dev

# Start project on testing environment
pnpm dev:tst

# Start project on production environment
pnpm dev:prd

# Format, lint & type check (Vite+)
pnpm check

# Format, lint & auto fix
pnpm check:fix

# Lint only
pnpm lint

# Format only
pnpm fmt

# Install Vite+ git hooks
pnpm prepare

# Release project
pnpm release

# Preview project
pnpm preview

# Check type
pnpm typecheck

# Update package
pnpm update-pkg

Features

Cutting-edge technology application: using the latest popular technology stack such as Vue 3, Vite+, TypeScript, Pinia and UnoCSS.
Clear project architecture: single-package structure, clear, elegant and easy to understand.
Strict code specifications: powered by Vite+ (Oxlint + Oxfmt) with staged-file checks on git hooks to ensure the code is standardized.
TypeScript: support strict type checking to improve code maintainability.
Rich theme configuration: built-in a variety of theme configurations, perfectly integrated with UnoCSS.
Built-in internationalization solution: easily realize multi-language support.
Automated file routing system: automatically generate route import, declaration and type. For more details, please refer to Vue Router file-based routing & vite-plugin-vue-layouts-next.
Flexible permission routing: support both front-end static routing and back-end dynamic routing.
Rich page components: built-in a variety of pages and components, including 403, 404, 500 pages, as well as layout components, tag components, theme configuration components, etc.
Command line tool: built-in efficient command line tool, git commit, delete file, release, etc.
Mobile adaptation: perfectly support mobile terminal to realize adaptive layout.
Icons as components: unplugin-icons.
Deploy on Vercel, zero-config.
Apply standard-readme to ensure the quality of the README file.
PWA