So hostest du deine Lovable-Website
Lovable erzeugt eine React/Vite-App. Um sie irgendwo selbst zu hosten, baust du sie zuerst zu statischen Dateien und veröffentlichst dann diese Ausgabe. SiteDrop nimmt den Build-Ordner und gibt dir einen Live-Link.
Website kostenlos veröffentlichen →In 4 Schritten online
- Exportiere oder lade in Lovable den Code deines Projekts herunter (oder verbinde GitHub und lade das Repository herunter).
- Führe auf deinem Computer npm install und dann npm run build aus, um den statischen Ausgabeordner zu erzeugen (meist dist).
- Pack den Inhalt des dist-Ordners in eine ZIP-Datei — index.html muss auf oberster Ebene der ZIP-Datei liegen.
- Lade die ZIP-Datei auf SiteDrop hoch.
Welche Dateitypen funktionieren
Lovable erzeugt eine React/Vite-App, also hostest du die GEBAUTE Ausgabe — den statischen dist-Ordner nach npm run build, der reines HTML/CSS/JS enthält. Der lässt sich problemlos hochladen. Statisch nicht hosten lässt sich alles, was an ein Live-Backend angebunden ist (Anmeldung, eine Datenbank, Server-Routen); bei einer Marketing- oder Portfolio-Website ist das meist nichts.
Was schiefgeht — und wie du es behebst
- Ich habe das Projekt gezippt und eine leere Seite bekommen.
Du hast den Quellcode gezippt, nicht den Build. Führe npm install und dann npm run build aus und pack den INHALT des dist-Ordners mit index.html auf oberster Ebene in eine ZIP-Datei.
- Leere Seite und die Konsole zeigt 404-Fehler für /assets/*.
Vite verwendet standardmäßig absolute Asset-Pfade. Setze base: './' in vite.config vor dem Build, damit Assets vom ZIP-Root aus aufgelöst werden, und baue dann neu.
- Supabase- oder Anmeldefunktionen funktionieren nach dem Veröffentlichen nicht mehr.
Die brauchen ein Live-Backend und Umgebungsschlüssel, die statisches Hosting nicht ausführt. Veröffentliche hier das statische Frontend und lass dynamische Funktionen bei einem Dienst, der einen Server betreibt.
SiteDrop vs. einfach Netlify nutzen
Netlify kann den Vite-Build für dich aus einem Git-Repository ausführen — praktisch, wenn du automatische Deploys willst. Dafür musst du Git verbinden, den Build konfigurieren und Umgebungsvariablen verwalten. Wenn du lieber einmal lokal baust und nur den dist-Ordner hostest, nimmt SiteDrop diese ZIP-Datei direkt und gibt dir einen Link (und mit kostenpflichtigen Abos eine eigene Domain) — ohne Pipeline.
Lovable-Hosting — FAQ
Warum muss ich zuerst einen Build ausführen?
Lovable-Apps sind React-Projekte, kein reines HTML. Der Build verwandelt sie in statische Dateien, die Browser ausliefern können. Sobald du den dist-Ordner hast, ist Hosting nur noch ein ZIP-Upload.
Ich will überhaupt nicht an die Kommandozeile — welche Möglichkeiten gibt es?
Ist dein Projekt nach dem Build komplett statisch, bitte Lovable (oder einen beliebigen KI-Assistenten), eine einzige gebaute/statische Version zu erzeugen, und pack die dann in eine ZIP-Datei und lade sie hoch. Alles Dynamische, das einen Server braucht, passt nicht zu statischem Hosting.
Bereit, deine Lovable-Website zu veröffentlichen?
Lade deine .zip-Datei hoch und erhalte in unter einer Minute einen teilbaren Live-Link. 7 Tage kostenlose Vorschau, keine Karte nötig.
Jetzt veröffentlichen →