# Deploy-Checkliste – emailsorter.webklar.com Nach dem **Push** soll alles mit Appwrite verbunden laufen. Diese Schritte einmalig prüfen bzw. erledigen. --- ## 1. Appwrite: Web-Platform für Production Damit **keine CORS-Fehler** auftreten, muss in Appwrite eine Web-Platform für deine Domain existieren. 1. Öffne **https://appwrite.webklar.com** 2. Projekt öffnen (z. B. EmailSorter) 3. **Settings** → **Platforms** (oder „Web“) 4. **Add Platform** → **Web** 5. Eintragen: - **Name:** `Production` - **Hostname:** `emailsorter.webklar.com` - **Origin:** `https://emailsorter.webklar.com` (falls abgefragt) 6. Speichern, **1–2 Minuten** warten (Cache) Ohne diesen Schritt blockiert der Browser Requests von `https://emailsorter.webklar.com` mit CORS. --- ## 2. Build & Deploy - **Frontend:** `client/.env.production` ist für Production vorbereitet (Appwrite + API-URL). - Build: `cd client && npm run build` → Auslieferung von `client/dist/` auf **emailsorter.webklar.com**. - **Backend:** Auf dem Server `server/.env` mit Production-Werten (z. B. `APPWRITE_ENDPOINT`, `APPWRITE_PROJECT_ID`, `APPWRITE_API_KEY`, `FRONTEND_URL`, `CORS_ORIGIN`, `BASE_URL` / API-URL) setzen und API unter **api.emailsorter.webklar.com** betreiben. --- ## 3. Kurz-Check nach dem Deploy - [ ] **https://emailsorter.webklar.com** lädt ohne Fehler - [ ] Login/Registrierung funktioniert (keine CORS-Fehler in F12) - [ ] API erreichbar: **https://api.emailsorter.webklar.com/api/health** (falls du diese Route hast) Wenn etwas nicht geht: zuerst prüfen, ob die Appwrite-Platform wie in Abschnitt 1 angelegt ist.