Repolode
Enviar
zclzone

zclzone/vue-naive-admin

Template leve de painel administrativo em Vue 3, feito com Vite, Pinia, UnoCSS e Naive UI, com backend opcional em NestJS.

Ver no GitHubSite
Estrelas
3,984
Forks
588
Issues abertas
1
Último commit
há 2 meses

O que é?

O Vue Naive Admin é um template minimalista de painel administrativo para criar sistemas de back-office. O frontend usa Vite, Vue 3, Pinia e UnoCSS com componentes do Naive UI. Ele é escrito em JavaScript puro, e não em TypeScript, para facilitar o aprendizado.

As rotas são geradas dinamicamente com base nas permissões, permitindo diferenciar as páginas 403 e 404 e dispensando definições de rota separadas para novas páginas. As sessões de login oferecem atualização silenciosa de token com suporte do Redis, e o template inclui componentes reutilizáveis, como Page, uma tabela CRUD e Modal.

Há um backend full-stack correspondente, disponível em um repositório separado, feito com NestJS, TypeORM e MySQL. Ele oferece autenticação JWT, RBAC e os endpoints básicos de que o template precisa. Outros backends da comunidade, em Java e Go, também são listados como compatíveis.

Recursos principais

  • 01Feito com Vue 3, Vite, Pinia e UnoCSS, usando componentes do Naive UI.
  • 02Rotas geradas com base nas permissões dos usuários, com páginas 403 e 404 separadas.
  • 03Gerenciamento de estado com Pinia e persistência.
  • 04Atualização silenciosa de token com suporte do Redis.
  • 05Componentes reutilizáveis Page, tabela CRUD e Modal.
  • 06Backend opcional com NestJS, TypeORM e MySQL, com JWT e RBAC.

Casos de uso

  • Começar a criar um sistema interno de back-office ou um painel administrativo para uma pequena empresa.
  • Aprender como um projeto administrativo em Vue 3 é estruturado, com roteamento baseado em permissões.
  • Criar um projeto escolar ou um painel pessoal de gerenciamento a partir de um template pronto.

Início rápido

  1. 1

    Clone o template com o degit (sem histórico do Git).

    npx degit zclzone/vue-naive-admin
  2. 2

    Ou crie seu próprio repositório no GitHub a partir deste template.

Antes de usar

  • A documentação e o README estão principalmente em chinês.
  • O backend opcional do NestJS requer MySQL, e o recurso de atualização de tokens usa Redis.

Em coleções

Painéis e ferramentas de business intelligence

Tópicos

#vue3#admin-template#vite#naive-ui#pinia#unocss#typescript#dashboard#admin#javascript

Perguntas frequentes

O que é vue-naive-admin?
Template leve de painel administrativo em Vue 3, feito com Vite, Pinia, UnoCSS e Naive UI, com backend opcional em NestJS. O Vue Naive Admin é um template minimalista de painel administrativo para criar sistemas de back-office. O frontend usa Vite, Vue 3, Pinia e UnoCSS com componentes do Naive UI. Ele é escrito em JavaScript puro, e não em TypeScript, para facilitar o aprendizado.
vue-naive-admin é gratuito? Qual é a licença?
vue-naive-admin é open source sob a licença MIT. Confira os termos da licença antes de usá-lo em produtos comerciais.
vue-naive-admin ainda é mantido?
Atualizado nos últimos 6 meses. O último commit de vue-naive-admin foi em 29 de ago. de 2026.
Para que posso usar vue-naive-admin?
Começar a criar um sistema interno de back-office ou um painel administrativo para uma pequena empresa. Aprender como um projeto administrativo em Vue 3 é estruturado, com roteamento baseado em permissões. Criar um projeto escolar ou um painel pessoal de gerenciamento a partir de um template pronto.
Como instalar vue-naive-admin?
Clone o template com o degit (sem histórico do Git).: npx degit zclzone/vue-naive-admin Ou crie seu próprio repositório no GitHub a partir deste template.
Onde consigo vue-naive-admin?
O código-fonte e as instruções de instalação estão no GitHub: https://github.com/zclzone/vue-naive-admin

Resumo gerado por IA a partir do README do projeto. As estatísticas do GitHub são atualizadas diariamente.

Projetos relacionados