Zum Hauptinhalt springen
Wenn du mit Lovable baust, befindet sich dein Code auf der Lovable-Plattform – ideal für die meisten Creator. Wenn du eine eigene Kopie möchtest, mit Entwickler:innen zusammenarbeiten oder dein Projekt woanders hin verschieben willst, kannst du alles mit nur wenigen Klicks zu GitHub exportieren und synchronisieren.

​
Über GitHub

GitHub ist eine Cloud-basierte Plattform zum Speichern, Verwalten und Teilen von Code. Sie protokolliert jede Änderung, unterstützt Zusammenarbeit und lässt sich in beliebte Bereitstellungstools wie Vercel und Netlify integrieren. Stell dir GitHub als Google Drive für Code vor – speziell für Entwickler:innen entwickelt.

​
Warum du Lovable mit GitHub verbinden solltest

Durch die Verbindung deines Lovable-Projekts mit GitHub kannst du:
  • Deinen Code sichern: Bewahre dein Projekt sicher außerhalb von Lovable auf.
  • Einfach zusammenarbeiten: Lade Entwickler ein und nutze Pull Requests, Branches und Code-Reviews.
  • Automatisch synchronisieren: Änderungen in Lovable erscheinen in GitHub, und Änderungen in GitHub werden auf dem Standard-Branch (main) zurücksynchronisiert.
  • Lokal arbeiten: Klone, bearbeite und committe in deiner IDE, während dein Projekt synchron bleibt.
  • Überall bereitstellen: Selbst hosten oder auf andere Plattformen bereitstellen, siehe Self-hosting: Run your Lovable Cloud project anywhere.
  • Sicher testen: Aktiviere das experimentelle GitHub branch switching in Settings → Account → Labs, um Features zu entwickeln, bevor du Änderungen in dein Live-Projekt übernimmst. Siehe Labs für weitere Informationen.
Du brauchst GitHub nicht, um Lovable zu verwenden – viele Nutzer erstellen und veröffentlichen ihre Apps komplett innerhalb von Lovable.

​
Bevor du die Verbindung herstellst

Stelle sicher, dass du verstehst, wie die Integration funktioniert:
  • GitHub-Konto erforderlich: Erstelle kostenlos eins unter github.com.
  • Single Source of Truth: Sobald verbunden, liegt dein Code in GitHub, nicht separat in Lovable.
  • Zwei-Wege-Sync: Änderungen in Lovable erscheinen in GitHub und umgekehrt.
  • Stabiler Repository-Pfad: Die Verbindung hängt vom exakten GitHub-Repository-Namen, -Speicherort, der Organisation und dem Konto ab.
Benenne dein GitHub-Repository nach dem Verbinden nicht um und verschiebe oder lösche es nicht. Dadurch wird die Synchronisierung unterbrochen, und Lovable kann dein Projekt nicht mehr aktualisieren.

​
Richte die GitHub-Integration ein

Nur Admins und Inhaber eines Arbeitsbereichs können die GitHub-Integration verwalten – also Konten und Organisationen hinzufügen sowie Projekte verbinden oder trennen. Die Verbindung mit GitHub erfolgt in drei Schritten:
  1. Verknüpfe dein GitHub-Konto (OAuth-Autorisierung)
  2. Installiere die Lovable GitHub App auf einem Konto oder in einer Organisation
  3. Verbinde einzelne Projekte mit Repositories

​
Schritt 1: Verbinde dein GitHub-Konto

In diesem Schritt verknüpfst du deine GitHub-Identität über OAuth mit Lovable.
  1. Gehe zu Settings → Integrations → GitHub.
  2. Klicke auf Connect GitHub.
  3. Melde dich bei deinem GitHub-Konto an oder autorisiere lovable.dev, um deine GitHub-Identität zu bestätigen.
    Anschließend siehst du eine Option, ein Projekt zu verknüpfen.

​
Schritt 2: Die Lovable GitHub App installieren

In diesem Schritt installierst du die Lovable GitHub App in deinem GitHub-Konto oder deiner GitHub-Organisation und erteilst Lovable die Berechtigung, dort Repositories zu erstellen und zu aktualisieren. Du kannst die App in deinem persönlichen GitHub-Konto oder in jeder Organisation installieren, in der du Admin-Zugriff hast.
  1. Gehe zu Settings → Integrations → GitHub.
  2. Klicke auf Connect project.
  3. Klicke auf Add organizations und wähle aus, wo lovable.dev installiert und autorisiert werden soll – in deinem persönlichen Konto oder in einer deiner Organisationen.
  4. Wähle aus, ob du der App Zugriff auf alle Repositories oder nur ausgewählte geben möchtest.
  5. Klicke auf Install & Authorize, um Lovable die Berechtigung zu geben, in deinem gewählten Konto oder deiner Organisation Repositories zu erstellen und zu aktualisieren.

​
Schritt 3: Ein Projekt mit GitHub verbinden

In diesem Schritt verknüpfst du ein bestimmtes Lovable-Projekt mit einem GitHub-Repository. Jedes Lovable-Projekt kann ein verknüpftes Repository haben.
  1. Gehe zu Settings → Integrations → GitHub und klicke auf Connect project, oder klicke auf das GitHub-Symbol in der oberen rechten Ecke deines Projekts und klicke auf Connect GitHub.
  2. Wähle die GitHub-Organisation oder das GitHub-Konto, in dem dein Code gespeichert werden soll.
  3. Klicke auf Transfer anyway, um die Übertragung zu bestätigen und eine bidirektionale Synchronisierung einzurichten.
    Ein neues GitHub-Repository wird für dein Projekt erstellt, und die Synchronisierung beginnt automatisch.

​
Trenne dein Projekt von GitHub

Arbeitsbereichs-Admins und -Inhaber können Projekte jederzeit in den GitHub-Einstellungen des Projekts von GitHub trennen. Wenn du die Verbindung trennst:
  • Die Synchronisierung wird gestoppt: Die bidirektionale Verbindung zwischen Lovable und GitHub endet.
  • Dein Repository bleibt auf GitHub: Es bleibt mit kompletter Historie und allen Dateien erhalten.
  • Dein Code bleibt in Lovable: Künftige Änderungen werden nur noch in Lovable gespeichert.
Wenn du die Verbindung später wieder herstellst:
  • Ein neues GitHub-Repository wird mit deinem aktuellsten Lovable-Code erstellt.
  • Dein ursprüngliches Repository bleibt auf GitHub, ist aber nicht mehr mit Lovable verknüpft.
Du kannst ein Projekt nicht trennen, wenn Lovable das GitHub-Repository nicht erreichen kann (zum Beispiel, wenn es umbenannt, verschoben oder gelöscht wurde).

​
FAQ

Nein. Verbinde und autorisiere einfach – GitHub speichert deinen Code sicher. Du musst dich nur mit den Funktionen von GitHub vertraut machen, wenn du fortgeschrittene Dinge wie Branches verwenden oder mit anderen Entwickler:innen zusammenarbeiten möchtest.
Dein Browser hat wahrscheinlich das GitHub-Login-Pop-up blockiert. Erlaube Pop-ups für Lovable und versuche es dann erneut.
Die Verbindung wird unterbrochen. Dein Projekt wird nicht mehr synchronisiert und du kannst es nicht mehr in Lovable bearbeiten.Um das zu beheben, stelle das Repository an seinem ursprünglichen Ort mit dem ursprünglichen Namen wieder her. Wenn es gelöscht wurde, kannst du es auf GitHub wiederherstellen.
Die Verbindung wird unterbrochen. Dein Projekt wird nicht mehr synchronisiert und du kannst es nicht mehr in Lovable bearbeiten.Um das zu beheben, stelle den ursprünglichen GitHub-Benutzernamen oder den ursprünglichen Organisationsnamen wieder her.
Du kannst das verknüpfte GitHub-Konto nach dem Verbinden nicht mehr ändern.
Nicht direkt. Versuche diesen Workaround:
  1. Erstelle einen Remix deines Projekts, um eine neue Kopie zu erstellen.
  2. Verbinde das neue Projekt mit GitHub.
  3. Wähle während der Einrichtung die richtige Organisation aus.
Du hast das Repository wahrscheinlich umbenannt, verschoben oder gelöscht. Stelle den ursprünglichen Namen, Pfad oder Besitzer des Repositories wieder her oder stelle das Repository wieder her, wenn es gelöscht wurde – dann sollte dein Projekt wieder funktionieren.
Ja. Admins und Owner können Projekte jederzeit in den GitHub-Einstellungen deines Projekts von GitHub trennen. Dein Repository bleibt auf GitHub, aber die Synchronisierung stoppt. Wenn du später erneut verbindest, wird ein neues Repository erstellt.
Nein. Du kannst nur von Lovable zu GitHub exportieren, nicht umgekehrt.
Lovable synchronisiert nur den Standard-Branch (in der Regel main). Merge deinen Branch in main oder wechsle den Branch innerhalb von Lovable.