So hosten Sie eine Lovable-App auf Ihrem eigenen Server

Um eine Lovable-App auf Ihrem eigenen Server zu hosten, synchronisieren Sie das Projekt mit der Git-Synchronisierung von Lovable mit GitHub, verbinden das Repository mit dem Coolify-Panel auf Ihrem Server, setzen die Umgebungsvariablen und richten Ihre Domain darauf. Lovable dokumentiert diesen Weg selbst: Der Code gehört Ihnen und läuft, wo Sie ihn hinstellen. Sie können auch weiter in Lovable bauen, denn Änderungen landen im Repository, und der Server veröffentlicht von dort.

Die wichtigste Entscheidung betrifft das Backend, denn Datenbankeinträge und hochgeladene Dateien reisen nicht mit dem Code.

Wie bekommen Sie den Code aus Lovable heraus?

Welche Art von Projekt haben Sie?

Lovable baut auf zwei Stacks auf, und die Servereinstellungen ergeben sich daraus. Führt package.json @tanstack/react-start auf, ist Ihr Projekt TanStack Start. Wenn nicht, ist es ein älteres React-+-Vite-Projekt. Neue Projekte beginnen mit TanStack Start.

Ein statischer Vite-Build gehört zu den Projekttypen, die wir auf einem echten Server über Coolify laufen ließen. Die Werte für TanStack Start stammen aus der eigenen Dokumentation von Lovable, die Node 22 empfiehlt.

Schritt für Schritt

1. Bestellen Sie einen Server auf der Seite Next.js VPS. Trotz des Namens kommt er mit Coolify, das weit mehr als Next.js veröffentlicht.
2. Klonen Sie das Repository und öffnen Sie den Ordner in einem Coding-Werkzeug wie Claude Code oder Cursor.
3. Kopieren Sie auf dem Tab Übersicht Ihres Seturack-Panels die Zeile In Ihr KI-Werkzeug einfügen und fügen Sie sie in dieses Werkzeug ein, das dann die Veröffentlichung übernimmt. Fügen Sie sie nicht in den Lovable-Chat ein. Sie enthält einen API-Schlüssel, und Lovable kann außerhalb seiner eigenen Vorschau nichts ausführen.
4. Geben Sie dem Werkzeug die Umgebungsvariablen, die es braucht und die von Ihrer Backend-Wahl unten abhängen.
5. Testen Sie die HTTPS-Adresse, sobald sie da ist. Laden Sie eine verschachtelte Seite neu, melden Sie sich an und ab und probieren Sie einen Schreibvorgang und einen Upload. Scheitert die Anmeldung an einer Weiterleitung, tragen Sie die neue Adresse in Ihre erlaubten Redirect-URLs ein.
6. Richten Sie den A-Record Ihrer Domain auf die IP-Adresse des Servers und teilen Sie dem Werkzeug den Domainnamen mit. Das Zertifikat wird automatisch ausgestellt.
7. Bitten Sie das Werkzeug, bei jedem Push zu veröffentlichen. Änderungen aus Lovable erreichen das Repository, sodass jede einen Build startet.

Die Anleitung für Next.js behandelt, wie Sie das von Hand tun. Sie haben Root-Zugriff und können alles im Panel verwalten, wenn Sie das bevorzugen. Ihre lovable.app-Adresse liefert weiter die Version aus, die Sie dort zuletzt veröffentlicht haben.

Wo liegt das Backend?

Beim eingebauten Backend bleiben

Nur die Website zieht um, das ist also der geringste Aufwand. Setzen Sie vor dem Build VITE_SUPABASE_URL und VITE_SUPABASE_PUBLISHABLE_KEY. TanStack Start braucht für seinen Servercode außerdem SUPABASE_URL und SUPABASE_PUBLISHABLE_KEY. Diese Werte stehen in der .env-Datei des Repositorys, die Geheimnisse, die Ihre Serverfunktionen lesen, aber nicht. KI-Funktionen und Konnektoren funktionieren weiter und verbrauchen weiter Ihre Lovable-Credits.

Supabase auf Ihrem eigenen Server betreiben

Lovable nennt für sein eingebautes Backend zwei Ziele: verwaltetes Supabase und selbst gehostetes Supabase. PostgreSQL allein zu verschieben genügt nicht, denn auch Anmeldung, Speicher, Realtime und Edge Functions müssen umziehen. Supabase VPS bietet Ihnen all das auf einem separaten Server. Die Dokumentation von Supabase verlangt mindestens 4 GB RAM, 2 Kerne und 40 GB Festplatte.

1. Legen Sie die Struktur an, indem Sie die Dateien in supabase/migrations/ in Datumsreihenfolge ausführen.
2. Verschieben Sie die Daten. Gehen Sie zu More, Database, Manage, Settings und drücken Sie Export data. Laden Sie dann das mit zstd komprimierte PostgreSQL-Archiv mit einem zstd-fähigen pg_restore auf Port 5432. Benutzerkonten sind enthalten, und alle melden sich neu an. Probieren Sie das zuerst auf einer Testinstallation aus.
3. Laden Sie Dateien unter More, Storage herunter und laden Sie sie in Studio in Buckets mit denselben Namen hoch.
4. Kopieren Sie supabase/functions/ auf dem Server nach volumes/functions/, setzen Sie deren Secrets und starten Sie den Functions-Dienst neu.
5. Richten Sie Anmeldeanbieter, SITE_URL und ADDITIONAL_REDIRECT_URLS ein.
6. Setzen Sie auf der Website VITE_SUPABASE_URL auf die Adresse Ihres Supabase-Servers, tragen Sie den Publishable Key ein und bauen Sie neu.

KI- und Konnektor-Aufrufe, die über Lovable laufen, müssen zu Ihren eigenen Anbieterkonten umziehen. Updates und Überwachung werden Ihre Aufgabe, und Lovable kann keine Infrastruktur debuggen, die es nicht kontrolliert.

Ein Projekt in Ihrem eigenen Supabase-Konto nutzen

Haben Sie Ihr eigenes Supabase-Konto verbunden, liegt das Backend schon außerhalb von Lovable, und Sie setzen nur die Adressen. Um es auf Ihren Server zu holen, nennt die Restore-Anleitung von Supabase die Schritte mit supabase db dump.

Häufige Fragen

Wie viel RAM braucht eine Lovable-App?

Die Verkaufsseite empfiehlt mindestens 4 GB RAM, 2 vCores und 40 GB Festplatte. Diese Zahl kommt vom Build: Einem großen Next.js-Projekt mit 85 Paketen ging bei 2 GB der Speicher aus, und mit 4 GB wurde es gebaut. Geht einem Build der Speicher aus, vergrößern Sie in Ihrem Panel.

Was kostet es im Monat?

Die empfohlene Mindestgröße kostet etwa $6 im Monat (inklusive Mehrwertsteuer), und außerhalb der Türkei zahlen Sie in US-Dollar. Tägliche Sicherungen sind im Preis enthalten, und der Traffic ist unbegrenzt. Ein zweiter Server für Supabase wird separat berechnet. Der Export des Codes beendet weder Ihr Lovable-Abonnement noch die Cloud-Nutzung.

Wie ziehe ich meine Domain von Lovable weg?

Testen Sie zuerst alles auf der temporären Adresse. Richten Sie dann den A-Record auf die IP-Adresse des Servers, fügen Sie die Domain der App hinzu und veröffentlichen Sie erneut. Um die Adresse lovable.app stillzulegen, heben Sie die Veröffentlichung des Projekts in Lovable auf.

Wie aktualisiere ich die Website nach dem Start?

Arbeiten Sie weiter in Lovable oder in Ihrem Coding-Werkzeug. Jede Änderung erreicht den synchronisierten Branch, und mit einem Webhook baut der Server sie. Um unfertige Arbeit offline zu halten, lassen Sie Lovable auf einem separaten Branch arbeiten und führen Sie ihn zusammen, wenn er fertig ist.

Kommt die Datenbank mit dem Code mit?

Nein. Git-Synchronisierung und Zip enthalten Quelldateien und die Dateien, die die Datenbankstruktur festlegen. Einträge und hochgeladene Dateien werden separat exportiert, prüfen Sie sie also am Ziel, bevor Sie das alte Backend stilllegen.

Fertig eingerichtet bei Seturack: Next.js, Coolify, Supabase.