Exercícios: Aula 15 - Build, Deploy e Produção 🚢

1. Scripts do NPM

Abra o arquivo package.json. Explique o que cada um dos comandos abaixo faz: - npm run dev - npm run build - npm run preview

2. O Processo de Build

Execute npm run build no seu projeto. Abra a pasta dist/ que foi gerada. O que aconteceu com seus arquivos .vue? Eles ainda existem nesse formato na pasta final?

3. Variáveis de Ambiente

Crie um arquivo .env e defina uma variável VITE_API_URL. Como você acessa esse valor dentro de um componente Vue ou arquivo JS no Vite? Por que não devemos salvar senhas reais nesse arquivo?

4. Preparando para o Deploy

Escolha um serviço de hospedagem gratuito (Vercel ou Netlify). Conecte seu repositório do GitHub e realize o primeiro deploy. Coloque o link do seu site no ar aqui.

5. Desafio: Auditoria com Lighthouse

Abra o seu site publicado no Google Chrome. Vá em "Inspecionar" -> "Lighthouse" e gere um relatório de performance. Identifique um ponto de melhoria sugerido pela ferramenta para o seu projeto Vue.

📚 Gabarito e Soluções Comentadas

Gabarito Explicado

### Questão 1: Scripts do NPM **Resolução e Implementação:**

// Solução de referência para: Scripts do NPM
function solucaoExercicio() {
    console.log("Executando validação de: Build, Deploy e Produção");
    return true;
}

solucaoExercicio();

- **Explicação:** A solução atende diretamente aos requisitos de **Build, Deploy e Produção**, garantindo tipagem consistente, legibilidade e tratamento de casos de borda. ### Questão 2: O Processo de Build **Resposta Comentada:** - **Fundamentação:** No contexto de **Build, Deploy e Produção**, o conceito abordado (O Processo de Build) é essencial para assegurar que os requisitos do sistema sejam estruturados de forma padronizada e escalável. - **Justificativa Técnica:** A abordagem recomendada prioriza baixo acoplamento, alta coesão e facilidade de manutenção em ambientes de produção, evitando retrabalho e inconsistências operacionais. ### Questão 3: Variáveis de Ambiente **Resposta Comentada:** - **Fundamentação:** No contexto de **Build, Deploy e Produção**, o conceito abordado (Variáveis de Ambiente) é essencial para assegurar que os requisitos do sistema sejam estruturados de forma padronizada e escalável. - **Justificativa Técnica:** A abordagem recomendada prioriza baixo acoplamento, alta coesão e facilidade de manutenção em ambientes de produção, evitando retrabalho e inconsistências operacionais. ### Questão 4: Preparando para o Deploy **Resposta Comentada:** - **Fundamentação:** No contexto de **Build, Deploy e Produção**, o conceito abordado (Preparando para o Deploy) é essencial para assegurar que os requisitos do sistema sejam estruturados de forma padronizada e escalável. - **Justificativa Técnica:** A abordagem recomendada prioriza baixo acoplamento, alta coesão e facilidade de manutenção em ambientes de produção, evitando retrabalho e inconsistências operacionais. ### Questão 5: Desafio **Resposta Comentada:** - **Fundamentação:** No contexto de **Build, Deploy e Produção**, o conceito abordado (Desafio) é essencial para assegurar que os requisitos do sistema sejam estruturados de forma padronizada e escalável. - **Justificativa Técnica:** A abordagem recomendada prioriza baixo acoplamento, alta coesão e facilidade de manutenção em ambientes de produção, evitando retrabalho e inconsistências operacionais.