Este é um projeto base em VueJS 3 utilizando API Composition (sem Nuxt), desenvolvido e mantido pelo EduSites. Ideal para projetos SPA com estrutura organizada, foco em performance e facilidade de manutenção.
Para mais informações sobre o framework utilizado, consulte a documentação oficial do Vue 3.
Antes de começar, certifique-se de instalar as dependências do projeto com:
pnpm installPara iniciar o servidor localmente em http://localhost:3000, utilize:
pnpm run devPara gerar os arquivos otimizados para produção:
pnpm run buildO build será gerado na pasta /dist, pronto para ser hospedado.
Se quiser testar o build de produção antes de fazer o deploy:
pnpm run preview- 📁
public/→ Arquivos públicos acessíveis diretamente (favicon, sitemap etc.) - 📁
src/api/→ Funções para chamadas a APIs externas/internas - 📁
src/components/→ Componentes Vue reutilizáveis - 📁
src/css/→ Estilos globais e utilitários CSS - 📁
src/directives/→ Diretivas personalizadas - 📁
src/helpers/→ Funções utilitárias auxiliares - 📁
src/layouts/→ Estrutura de layout base para páginas - 📁
src/router/→ Configuração de rotas com Vue Router - 📁
src/stores/→ Gerenciamento de estado com Pinia - 📝
vite.config.js→ Configurações do Vite - 📝
index.html→ Estrutura HTML base do projeto - 📝
main.js→ Arquivo de entrada da aplicação
Comandos úteis para desenvolvimento e produção:
pnpm run dev→ Inicia o servidor de desenvolvimentopnpm run build→ Compila o projeto para produçãopnpm run preview→ Visualiza localmente o build de produção
Me acompanhe para mais conteúdos sobre desenvolvimento web!
📸 Instagram: @edusites 📺 YouTube: @eduardosites
🔥 Desenvolvido por EduSites – Transformando ideias em código! 🚀