2.3 KiB
2.3 KiB
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 für die aktuelle Anleitung.
📋 Kurzfassung
1. Code zu GitHub pushen
./push-to-github.sh
2. In Coolify
- Application Settings → Source
- Source Type: "Private Repository (with GitHub App)"
- GitHub App: "hyggecraftery-app"
- Repository:
Timborimbo/hyggecraftery_APP - Branch:
main - Build Pack: "Dockerfile"
- Deploy klicken
Coolify baut automatisch die App mit dem Dockerfile!
Option 2: Mit Build Command
1. In Coolify konfigurieren
- Neue Resource → Application
- Source: Dein Git Repository
- Build Pack: Nixpacks oder Buildpacks
- Build Command:
flutter pub get && flutter build web --release --web-renderer canvaskit - Start Command:
npx serve -s build/web -l 3000 - Port:
3000
Option 3: Lokaler Build & Upload
1. Lokal bauen
# Im Projektordner
flutter pub get
flutter build web --release --web-renderer canvaskit
2. Build-Ordner zu Coolify hochladen
# 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
# 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!