Tecnologia
React app dockerizada corretamente vira imagem de 20MB com Nginx. Multi-stage build, variáveis de ambiente e deploy simplificado.
CrazyStack
Carregando
React app dockerizada corretamente vira imagem de 20MB com Nginx. Multi-stage build, variáveis de ambiente e deploy simplificado.
React app dockerizada corretamente vira imagem de 20MB com Nginx. Multi-stage build, variáveis de ambiente e deploy simplificado.
npm run build gera HTML/CSS/JS estáticos. Não precisa Node em produção. Nginx serve arquivos. Imagem minúscula.
Stage 1: Node build (npm run build). Stage 2: Nginx Alpine, COPY apenas build/. Stage 1 descartado (500MB economizados).
React embute env vars no build. Para runtime, use env.js gerado na inicialização. Nginx serve /env.js dinamicamente.
SPA requer fallback para index.html. try_files $uri /index.html. Gzip compression. Cache headers para assets.
• Sempre multi-stage (Node build + Nginx serve)
• Versione builds (react-app:v1.2.3)
• Gzip e Brotli compression
• Cache headers para performance
• Health check endpoint /health.html
• Servir React com Node (desnecessário)
• Não configurar try_files (404 em rotas)
• Hardcodar API URLs no build
• Não otimizar cache de assets
Quando usar cada um