~/questoes/devops
Para que uma aplicação React funcione corretamente dentro de um container Docker com NGINX, é necessário configurar um arquivo nginx.conf que redirecione todas as requisições para o index.html, permitindo que o React Router funcione no lado do cliente. Sem essa configuração, navegações dentro da aplicação resultam em erros 404.
O arquivo nginx.conf é essencial porque contém todas as instruções para o servidor web saber como servir os arquivos estáticos da SPA e, principalmente, redirecionar requisições para o index.html para que o roteamento cliente funcione corretamente. Ele também configura headers de cache e otimizações como compressão gzip.
O package.json define dependências do Node.js, necessário apenas durante a fase de build no Docker. Ele não influencia como o NGINX serve a aplicação já compilada.
O docker-compose.yml é usado para orquestrar múltiplos containers e definir variáveis de ambiente, mas não configura como o servidor web funciona internamente.
O Dockerfile contém instruções para construir a imagem (instalar dependências, compilar código), mas não configura o comportamento do NGINX em tempo de execução.
O nginx.conf é o arquivo de configuração do servidor web que define como servir os arquivos estáticos, redirecionar requisições para index.html e otimizar a performance com cache e compressão.