Como configurar o Nginx 1.22 para servir aplicações estáticas com alta performance

O Nginx é um servidor web de alto desempenho, amplamente utilizado para servir aplicações estáticas. Neste manual, vamos aprender a configurar o Nginx 1.22 para otimizar a entrega de conteúdo estático.

Pré-requisitos

• Servidor Linux (Ubuntu, CentOS, etc.)
• Acesso root ou sudo
• Nginx 1.22 instalado

1. Instalação do Nginx

Se o Nginx ainda não estiver instalado, use o seguinte comando:

sudo apt update
sudo apt install nginx

2. Estrutura de Diretórios

Crie um diretório para suas aplicações estáticas:

sudo mkdir -p /var/www/html

Coloque seus arquivos estáticos (HTML, CSS, JS, imagens) dentro desse diretório.

3. Configuração do Nginx

Edite o arquivo de configuração do Nginx:

sudo nano /etc/nginx/sites-available/default

Substitua o conteúdo pelo seguinte:

server {
    listen 80;
    server_name seu_dominio.com;

    root /var/www/html;
    index index.html;

    location / {
        try_files $uri $uri/ =404;
    }

    location ~* \.(js|css|png|jpg|jpeg|gif|ico|svg)$ {
        expires 30d;
        add_header Cache-Control "public, no-transform";
    }
}

4. Testando a Configuração

Após editar o arquivo, teste a configuração do Nginx:

sudo nginx -t

Se não houver erros, reinicie o Nginx:

sudo systemctl restart nginx

5. Habilitando o Firewall

Certifique-se de que o firewall permite tráfego na porta 80:

sudo ufw allow 'Nginx Full'

Conclusão

Agora você configurou o Nginx para servir aplicações estáticas com alta performance. Para otimizar ainda mais, considere usar um CDN (Content Delivery Network) para distribuir seu conteúdo globalmente.