# Deployment zu Coolify ## ✅ Aktuelle Lösung: Git + GitHub App Die App wird über **Git** und eine **GitHub App** zu Coolify deployed. **Siehe:** [`README_DEPLOYMENT.md`](README_DEPLOYMENT.md) für die aktuelle Anleitung. --- ## 📋 Kurzfassung ### 1. Code zu GitHub pushen ```bash ./push-to-github.sh ``` ### 2. In Coolify 1. **Application Settings** → **Source** 2. **Source Type**: "Private Repository (with GitHub App)" 3. **GitHub App**: "hyggecraftery-app" 4. **Repository**: `Timborimbo/hyggecraftery_APP` 5. **Branch**: `main` 6. **Build Pack**: "Dockerfile" 7. **Deploy** klicken Coolify baut automatisch die App mit dem Dockerfile! --- ## Option 2: Mit Build Command ### 1. In Coolify konfigurieren 1. **Neue Resource** → **Application** 2. **Source**: Dein Git Repository 3. **Build Pack**: **Nixpacks** oder **Buildpacks** 4. **Build Command**: ```bash flutter pub get && flutter build web --release --web-renderer canvaskit ``` 5. **Start Command**: ```bash npx serve -s build/web -l 3000 ``` 6. **Port**: `3000` --- ## Option 3: Lokaler Build & Upload ### 1. Lokal bauen ```bash # Im Projektordner flutter pub get flutter build web --release --web-renderer canvaskit ``` ### 2. Build-Ordner zu Coolify hochladen ```bash # Mit rsync oder scp rsync -avz build/web/ user@coolify-server:/path/to/deployment/ ``` --- ## Umgebungsvariablen (Optional) Falls du Umgebungsvariablen brauchst, kannst du sie in Coolify setzen: - `UMAMI_URL` (falls du die URL ändern willst) - `WOOCOMMERCE_URL` (falls du die Shop-URL ändern willst) --- ## Wichtig für Flutter Web ⚠️ **WebView funktioniert nicht im Web!** Der Checkout verwendet `webview_flutter`, was im Web nicht funktioniert. Du musst den Checkout für Web anpassen: - Option 1: Checkout in neuem Tab öffnen - Option 2: iframe verwenden - Option 3: Native Checkout implementieren --- ## Troubleshooting ### Build schlägt fehl ```bash # Prüfe Flutter Version flutter --version # Clean Build flutter clean flutter pub get flutter build web --release ``` ### App lädt nicht - Prüfe Browser-Konsole auf Fehler - Prüfe nginx Logs in Coolify - Prüfe CORS-Einstellungen bei WooCommerce --- ## Empfohlene Methode **Dockerfile-Methode** ist am einfachsten und zuverlässigsten für Coolify!