Mehr als jede dritte Webseite weltweit setzt heute auf die unschlagbare Performance von Nginx. Egal ob Sie eine einfache statische Landingpage hosten, einen Reverse Proxy für Ihre Node.js-App einrichten oder Lasten auf mehrere Backend-Server verteilen möchten: Nginx ist das Werkzeug der Wahl. Für moderne Webentwickler gehört ein fundiertes Verständnis der Server-Konfiguration zu den wichtigsten Core-Skills, um schnelle, stabile und sichere Webanwendungen bereitzustellen.

1. Der grundlegende Server-Block (Virtueller Host)

Konfiguration für statische Webseiten
server {
    listen 80;
    server_name example.com www.example.com;
    root /var/www/example.com/public;
    index index.html index.php;

    # Statische Dateien direkt ausliefern
    location / {
        try_files $uri $uri/ =404;
    }

    # Benutzerdefinierte Fehlerseiten
    error_page 404 /404.html;
    error_page 500 502 503 504 /50x.html;
}

2. Reverse Proxy für Node.js- und App-Server einrichten

Reverse-Proxy-Konfiguration
server {
    listen 80;
    server_name api.example.com;

    location / {
        proxy_pass http://127.0.0.1:3000;
        proxy_http_version 1.1;
        proxy_set_header Upgrade $http_upgrade;
        proxy_set_header Connection 'upgrade';
        proxy_set_header Host $host;
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        proxy_set_header X-Forwarded-Proto $scheme;
        proxy_cache_bypass $http_upgrade;
    }
}

3. SSL/TLS-Verschlüsselung mit Let's Encrypt

Sichere HTTPS-Konfiguration
# Automatische HTTP-zu-HTTPS-Weiterleitung
server {
    listen 80;
    server_name example.com www.example.com;
    return 301 https://$host$request_uri;
}

# HTTPS-Server-Block
server {
    listen 443 ssl http2;
    server_name example.com;

    ssl_certificate /etc/letsencrypt/live/example.com/fullchain.pem;
    ssl_certificate_key /etc/letsencrypt/live/example.com/privkey.pem;

    # Moderne SSL-Einstellungen
    ssl_protocols TLSv1.2 TLSv1.3;
    ssl_ciphers ECDHE-ECDSA-AES128-GCM-SHA256:ECDHE-RSA-AES128-GCM-SHA256;
    ssl_prefer_server_ciphers off;

    # HSTS aktivieren (erzwingt HTTPS für 1 Jahr)
    add_header Strict-Transport-Security "max-age=31536000; includeSubDomains" always;

    root /var/www/example.com/public;
    # ... restliche Konfiguration
}

4. Gzip-Kompression für maximale Ladezeiten-Optimierung

Gzip aktivieren und konfigurieren
# Im http {} oder server {} Block platzieren
gzip on;
gzip_vary on;
gzip_min_length 1024;
gzip_comp_level 5;
gzip_types
    text/plain
    text/css
    text/javascript
    application/javascript
    application/json
    application/xml
    image/svg+xml;

5. Wichtige Security Header für maximalen Schutz

HTTP-Sicherheits-Header
add_header X-Frame-Options "SAMEORIGIN" always;
add_header X-Content-Type-Options "nosniff" always;
add_header X-XSS-Protection "1; mode=block" always;
add_header Referrer-Policy "strict-origin-when-cross-origin" always;
add_header Content-Security-Policy "default-src 'self'; script-src 'self'; style-src 'self' 'unsafe-inline';" always;
add_header Permissions-Policy "camera=(), microphone=(), geolocation=()" always;

6. Browser-Caching für statische Ressourcen aktivieren

Caching-Richtlinien festlegen
# Aggressives Caching für statische Medien
location ~* \.(css|js|jpg|jpeg|png|gif|ico|svg|woff2|woff|ttf)$ {
    expires 1y;
    add_header Cache-Control "public, immutable";
    access_log off;
}

# HTML-Dateien niemals cachen
location ~* \.html$ {
    expires -1;
    add_header Cache-Control "no-cache";
}

7. Rate Limiting gegen Brute-Force- und DDoS-Angriffe

Anfragenlimitierung (Rate Limiting)
# Zone für das Limit definieren (im http {} Block)
limit_req_zone $binary_remote_addr zone=api:10m rate=10r/s;

# Auf ein bestimmtes Verzeichnis (Location) anwenden
location /api/ {
    limit_req zone=api burst=20 nodelay;
    limit_req_status 429;
    proxy_pass http://127.0.0.1:3000;
}

8. Hilfreiche Nginx-Befehle für den Alltag

Nginx-Steuerung per CLI
# Syntax der Konfigurationsdateien prüfen
sudo nginx -t

# Konfiguration ohne Downtime neu laden
sudo systemctl reload nginx

# Fehler-Logs in Echtzeit anzeigen
sudo tail -f /var/log/nginx/error.log

# Zugriffs-Logs in Echtzeit anzeigen
sudo tail -f /var/log/nginx/access.log

Nutzen Sie unsere kostenlosen Entwickler-Tools

Optimieren Sie Ihren Workflow: Komprimieren und säubern Sie Ihren HTML-, CSS- und JavaScript-Code im Handumdrehen.