Aula 15: Build, Deploy e Performance 🚀
Colocando sua Aplicação no Ar
🏗️ O que é o Build?
É o processo de transformar seu código de desenvolvimento em arquivos rápidos e otimizados para o browser.
📁 Onde ficam os arquivos?
Na pasta dist/nome-do-projeto.
Lá você encontrará:
* index.html
* Bundles .js minificados
* styles.css
🌍 Ambientes (Environments)
Diferencie sua API de desenvolvimento da API de produção.
O Angular troca as variáveis automaticamente durante o build!
🚀 Deploy Grátis: GitHub Pages
Publique seu portfólio para o mundo.
- Build com
--base-href - Upload para a branch
gh-pages
⚡ Performance é Dinheiro
Use o Lighthouse para medir:
- Velocidade de carregamento
- Acessibilidade
- SEO
🌟 Dicas de Otimização
- Lazy Loading: Carregue só o necessário.
- Imagens: Use WebP e compressão.
- Tree-shaking: Remova código morto.
🏁 Prática
Vamos fazer o build de produção do nosso projeto e verificar o tamanho dos arquivos gerados!