Lovable-Website auf Ihre eigene Domain umziehen

Eine Lovable-Website ziehen Sie auf Ihre eigene Domain um, indem Sie den Code exportieren, bauen und die Dateien bei uns online stellen. Das geht in wenigen Schritten, sofern Ihr Projekt statisch ist. Ob das so ist, sehen Sie in einer Minute in einer einzigen Datei. Danach bleibt nur noch eine Aufgabe: Ihre Domain umzustellen, während Ihre aktuelle Website online bleibt.

Lovable selbst oder eigenes Hosting

Lovable kann Ihr Projekt selbst unter einer Adresse von lovable.app veröffentlichen, und mit einem bezahlten Abonnement auch auf Ihrer eigenen Domain. Dann zeigt Ihre Domain auf Lovable. Dieser Weg passt gut, wenn Sie mit allem an einem Ort zufrieden sind.

Der Umzug zu eigenem Hosting bedeutet etwas anderes: Der Code zieht um, die Domain zeigt danach auf uns, und Sie verwalten die Dateien selbst. Praktisch, wenn Sie die Website unabhängig von der Plattform haben möchten, auf der Sie sie gebaut haben. Bei uns läuft sie mit SSL, Cloudflare davor und einem täglichen Backup. Mehr zu unserem Ansatz für dieses Tool finden Sie unter Hosting für Lovable-Websites.

Schritt 1: Export per GitHub oder Download

Es gibt zwei Wege, an den Code zu kommen.

GitHub-Synchronisierung. Sie verbinden Lovable über die Projekteinstellungen mit Ihrem GitHub-Konto (auf Englisch: Project settings, Git, GitHub, Connect). Lovable legt dann ein neues privates Repository an und hält es mit Ihrem Projekt synchron. Das funktioniert in allen Abonnements. Der Vorteil: Änderungen, die Sie später in Lovable machen, landen im selben Repository, sodass Sie einen neuen Build erstellen lassen können.

Download. In den Projekteinstellungen unter Git (oder unten im Dateibaum des Code-Editors) finden Sie die Option, die Codebasis als Zip herunterzuladen. Laut der Dokumentation von Lovable ist das bezahlten Abonnements vorbehalten.

In beiden Fällen erhalten Sie den Quellcode und die Dateien für die Datenbankstruktur. Der Inhalt Ihrer Datenbank und hochgeladene Dateien sind nicht dabei. Mehr zu den Unterschieden zwischen Zip und GitHub lesen Sie unter KI-Website als Zip oder GitHub exportieren.

Schritt 2: Ist Ihr Projekt statisch?

Um diese Frage dreht sich alles. Lovable verwendet zwei Arten von Projekten.

• React mit Vite. Ältere Projekte. Sie werden zu statischen Dateien im Ordner dist gebaut. Das passt zu normalem Hosting.
• TanStack Start. Projekte, die ab dem 13. Mai 2026 erstellt wurden, verwenden dies. Es rendert Seiten auf dem Server und braucht einen Host, auf dem ein Server läuft. Eine ältere App kann auf TanStack Start umgestellt worden sein, schauen Sie deshalb immer in Ihre eigene package.json.

Öffnen Sie package.json im Hauptordner Ihres Projekts und suchen Sie nach @tanstack/react-start.

grep "tanstack/react-start" package.json

Kommt nichts zurück, ist Ihr Projekt React mit Vite und dieser Artikel gilt für Sie. Kommt eine Zeile zurück, braucht Ihr Projekt einen Server und passt zu einem individuellen Angebot. Schreiben Sie uns per WhatsApp mit dem GitHub-Link oder dem Zip, dann schauen wir, was möglich ist, und Sie erhalten einen Vorschlag.

Schritt 3: Die statische Website bauen

Haben Sie den Code lokal, bauen Sie ihn so. Lovable nennt Node.js 22 für diesen Build.

npm ci
npm run build

Haben Sie nur eine bun.lock und keine package-lock.json? Verwenden Sie dann npm install statt npm ci, oder bitten Sie uns, es zu übernehmen. Das Ergebnis ist der Ordner dist: index.html, ein Ordner assets und alles, was Sie sonst an Bildern haben. Das ist der Inhalt, der online muss. Den allgemeinen Hintergrund finden Sie unter React- oder Vite-Website ohne Node-Server hosten.

Sie müssen das nicht selbst tun. Schicken Sie uns Ihr Zip oder Ihren GitHub-Link, dann bauen und laden wir im Rahmen des kostenlosen Umzugs hoch.

Ihr Backend bleibt, wo es ist

Ein Lovable-Projekt nutzt meistens ein Backend, das mit Supabase kompatibel ist: Login, Datenbank, Speicher und Funktionen. Wenn Sie nur die Website umziehen, läuft dieses Backend am selben Ort weiter, und Ihre neue Website ruft es ganz normal auf. Ihre Daten müssen Sie also nicht mitnehmen.

Ein paar Dinge sind trotzdem anzupassen.

• Umgebungsvariablen. Die Adressen und der öffentliche Schlüssel Ihres Backends stehen in VITE_SUPABASE_URL, VITE_SUPABASE_PUBLISHABLE_KEY und VITE_SUPABASE_PROJECT_ID. Sie werden beim Build in die Dateien geschrieben. Ändern Sie eine davon, bauen Sie neu. Tragen Sie dort nie einen geheimen Schlüssel ein, denn alles mit VITE_ ist öffentlich lesbar.
• Erlaubte Adressen und Redirects. Nutzt Ihre Website einen Login, muss Ihre neue Domain im Backend als erlaubte Adresse und als Redirect nach dem Login eingetragen sein. Vergessen Sie das, gelingt der Login auf Ihrer eigenen Domain nicht.
• Funktionen von Lovable selbst. Bestandteile wie das AI-Gateway von Lovable und verbundene Konnektoren laufen über Lovable. Nutzen Sie diese, brauchen sie weiterhin Lovable.

Haben Sie ein Kontaktformular, das über das Backend läuft, funktioniert es weiter, solange das Backend erreichbar und Ihre Domain erlaubt ist. Weitere Optionen finden Sie unter Kontaktformular auf Ihrer KI-Website.

Alle Seiten erreichbar: die Rewrite-Regel auf index.html

Eine React-Website mit mehreren Seiten regelt die Routen im Browser. Öffnet jemand direkt ihredomain.de/ueber-uns, sucht der Server eine Datei mit diesem Namen und findet sie nicht. Deshalb müssen unbekannte Adressen mit einem normalen 200-Status auf index.html geleitet werden. Das gilt bei jedem Host. Bei uns ist es eine Einstellung, die wir auf Anfrage für Sie aktivieren, eine Nachricht per WhatsApp genügt.

Ein zusätzlicher Punkt: Lovable liefert auf seinem eigenen Hosting vorgerenderte Versionen an Suchmaschinen und soziale Medien aus. Bei einem normalen Host fehlt diese Ebene. Das kann beeinflussen, wie Suchmaschinen und Link-Vorschauen Ihre Seiten sehen.

Domain umstellen, während die alte Website online bleibt

Das ist der Moment, in dem Ihre Domain zu uns wechselt. Die Reihenfolge:

1. Stellen Sie die Dateien bei Ihrem neuen Hosting online und sehen Sie sich die Website an.
2. Gehen Sie alles durch: Seiten, Bilder, Login.
3. Ändern Sie bei Ihrem Registrar die Nameserver auf die beiden, die wir Ihnen nennen.

Bis Schritt 3 bleibt Ihre alte Website online, auch wenn sie noch bei Lovable liegt. Danach wechselt Ihre Domain zu uns, und nach der Änderung kann es etwas dauern, bis das überall sichtbar ist. Haben Sie bei Lovable eine eigene Domain verbunden, entfernen Sie diese dort, sobald die neue Website live ist. Die vollständige Anleitung finden Sie unter Domain mit Ihrer KI-Website verbinden.

Das Paket Website kostet € 9 pro Monat oder € 90 pro Jahr, siehe Preise. Bestellen Sie über das Bestellformular und wählen Sie “mit KI erstellt”. Eine Übersicht aller Wege finden Sie unter Website von KI online stellen.