# nginx Configuration for AdsPreview React

Diese Datei enthält eine Beispiel-nginx-Konfiguration für die AdsPreview React Anwendung.

## Installation

1. **Konfiguration kopieren:**
   ```bash
   sudo cp adspreview-react.example.conf /etc/nginx/sites-available/adspreview-react
   ```

2. **Konfiguration anpassen:**
   - `server_name` auf Ihre Domain ändern
   - Pfade entsprechend Ihrer Installation anpassen
   - SSL-Zertifikate konfigurieren (falls HTTPS)

3. **Site aktivieren:**
   ```bash
   sudo ln -s /etc/nginx/sites-available/adspreview-react /etc/nginx/sites-enabled/
   ```

4. **nginx testen und neustarten:**
   ```bash
   sudo nginx -t
   sudo systemctl restart nginx
   ```

## Features

- **SPA Routing:** React Router wird korrekt unterstützt
- **API Proxy:** `/api/` Requests werden an PHP Backend weitergeleitet

## Pfad-Anpassungen

Stellen Sie sicher, dass folgende Pfade korrekt sind:

- `root /var/www/adspreview-react/build;` - Pfad zum Built React App
- `proxy_pass http://example.com;` - PHP Backend URL
- SSL Zertifikat-Pfade (falls HTTPS verwendet wird)

## Troubleshooting

- **404 bei React Routes:** Überprüfen Sie `try_files $uri $uri/ /index.html;`
- **API Calls funktionieren nicht:** Prüfen Sie Backend-URL und -Port
- **Static Assets laden nicht:** Überprüfen Sie `root` Pfad