Exercícios 15 - Build, Deploy e Produção 🚀

🟢 Básicos

Build: Qual o comando usado para gerar a versão final do seu site para o usuário?
Variáveis .env: Qual o prefixo obrigatório para variáveis de ambiente que devem ser lidas pelo Svelte via Vite?

🟡 Intermediários

Minificação: Explique por que o arquivo CSS ou JS final gerado pelo build parece estar "embaralhado" ou sem espaços.
Hospedagem: Qual a diferença entre hospedar um site no GitHub Pages (estático) e em uma plataforma como Vercel ou Netlify (com integração com repositório)?

🔴 Desafio

Preparação para Produção:
- Imagine que seu app consome uma API de desenvolvimento (localhost:3000) e uma de produção (api.meusite.com).
- Como você configuraria seus arquivos .env para que o código troque automaticamente a URL da API ao fazer o build?
- Por que é uma falha de segurança gravíssima enviar o arquivo .env para o repositório público do GitHub?
- Pesquise e explique o que são "Environment Variables" nas configurações de um painel como a Vercel.

📚 Gabarito e Soluções Comentadas

Gabarito Explicado

### Questão 1: Build **Resolução e Implementação:**

// Solução de referência para: Build
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: Variáveis .env **Resposta Comentada:** - **Fundamentação:** No contexto de **Build, Deploy e Produção**, o conceito abordado (Variáveis .env) é 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: Minificação **Resposta Comentada:** - **Fundamentação:** No contexto de **Build, Deploy e Produção**, o conceito abordado (Minificação) é 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: Hospedagem **Resposta Comentada:** - **Fundamentação:** No contexto de **Build, Deploy e Produção**, o conceito abordado (Hospedagem) é 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: Preparação para Produção **Resposta Comentada:** - **Fundamentação:** No contexto de **Build, Deploy e Produção**, o conceito abordado (Preparação para Produção) é 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.