Vibe Coding Bootcamp

Von Lovable zu Claude Code oder Cursor: wann und wie

Wann sich der Schritt aus Lovable in Claude Code oder Cursor lohnt, wie GitHub-Sync dabei hilft und welche Stolperfallen beim Arbeiten im eigenen Editor warten.

Auf einen BlickVon Lovable in den eigenen Editor, ohne Lovable aufzugeben
  1. 1Projekt mit GitHub verbindenLovable legt ein neues, standardmäßig privates Repository an und synchronisiert in beide Richtungen.
  2. 2Sync-Status prüfenErst klonen, wenn keine Lovable-Änderung mehr läuft und die Karte „In sync with GitHub“ zeigt.
  3. 3Lokal auf einem Feature-Branch arbeitenLovable bleibt auf main. Claude Code oder Cursor arbeiten auf einem eigenen Branch.
  4. 4Mit Testdaten testenDie lokale App nutzt dieselbe Datenbank wie deine Live-App. Ein Branch ist keine eigene Datenbank.
  5. 5Per Merge zurückführenKein Force-Push, kein Rebase auf main. Zum Rückgängigmachen einen Revert-Commit anlegen.
  6. 6Lovable informieren und neu veröffentlichenEin Merge ändert die Live-App nicht. Erst nach erneutem Publish sehen Nutzer die Änderung.

Grafik: Vibe Coding Bootcamp · Grundlage: die Quellen unten

Am Anfang ist Lovable genau richtig: Du beschreibst, was du willst, und siehst es sofort in der Vorschau. Irgendwann taucht aber die Frage auf, ob du mit Claude Code oder Cursor weiterbauen solltest. Vielleicht willst du Änderungen genauer kontrollieren. Vielleicht soll ein Entwickler mal draufschauen. Oder du willst einfach eine eigene Kopie deines Codes haben. Die gute Nachricht: Wechseln heißt nicht, Lovable sofort zu verlassen. Die Brücke dazwischen heißt Git-Sync.

Woran du merkst, dass der eigene Editor dran ist

Lovable nennt in seiner Dokumentation selbst die Gründe, ein Projekt mit GitHub zu verbinden. Prüf, ob einer davon auf dich zutrifft:

  • Du willst eine eigene Sicherungskopie deines Codes.
  • Du willst Änderungen in Pull Requests prüfen, bevor sie live gehen.
  • Du willst neue Funktionen auf einem Branch testen, ohne das laufende Produkt zu gefährden.
  • Du willst lokal mit deinem eigenen Editor oder Coding-Assistenten arbeiten.
  • Du willst mit Entwicklern zusammenarbeiten oder später woanders deployen.

Trifft nichts davon zu, gibt es keinen Grund zur Eile. Lovable empfiehlt für die meisten Apps, alles auf der eigenen Plattform zu lassen. Wenn du dagegen kurz vor dem Launch eines Bezahl-Produkts stehst, wird die eigene Kopie wichtiger. Warum der Code-Export bei der Tool-Wahl zählt, steht auch im Vergleich Lovable, Bolt oder Replit fürs Bezahl-Produkt.

So funktioniert die Brücke: Git-Sync

Git-Sync hat zwei Ebenen. Zuerst verbindest du deinen Workspace mit einem GitHub-Konto. Danach verknüpfst du ein einzelnes Projekt mit einem Repository. Lovable legt dabei ein neues Repository an, das standardmäßig privat ist.

Ab dann läuft der Abgleich in beide Richtungen. Was du in Lovable änderst, landet als Commit auf GitHub. Was du auf den synchronisierten Branch pushst, erscheint in Lovable. Wichtig: Lovable bearbeitet immer nur einen Branch, meist main. Commits auf anderen Branches sieht Lovable erst nach einem Merge.

Damit bekommst du ein hybrides Setup. Du kannst große Umbauten lokal mit Claude Code machen und kleine Oberflächen-Änderungen weiter in Lovable. Claude Code liest laut Anbieter deine Codebasis, bearbeitet Dateien und führt Befehle aus, im Terminal, im Editor, in der Desktop-App oder im Browser.

Die vier Stolperfallen beim lokalen Arbeiten

Gleiche Datenbank, echte Daten. Bei Projekten mit dem eingebauten Backend steckt die Adresse deines Backends in der .env-Datei. Startest du die App lokal, liest und schreibt sie dieselbe Datenbank wie deine Live-App. Leg also Testkonten und Testdatensätze an. Ein Branch gibt dir keine eigene Datenbank.

Login lokal. Ein Anmeldedienst leitet nur auf Adressen weiter, die er kennt. Deine lokale Adresse musst du dort als Redirect-URL eintragen. Secrets, die du in Lovable hinterlegt hast, liegen nicht im Repository.

KI-Funktionen und Connectors. Bei neueren Lovable-Apps, die auf TanStack Start laufen, läuft der Server-Code lokal auf deinem Rechner. Aufrufe über Lovable AI oder App-Connectors schlagen dort fehl. Teste sie in der Lovable-Vorschau oder in der veröffentlichten App.

Backend-Änderungen deployen sich nicht von selbst. Änderst du lokal eine Edge Function oder legst eine Migration an, führt Lovable sie beim Sync nicht automatisch aus. Bitte Lovable im Projekt-Chat, die Funktion zu deployen, oder ändere die Datenbankstruktur über den Chat oder den SQL-Editor.

Die Regeln für die Übergabe

Lass Lovable auf main und arbeite lokal auf einem Feature-Branch. So landet ungeprüfte Arbeit nicht im Projekt. Bevor du klonst oder mergst, warte, bis keine Lovable-Änderung mehr läuft, und prüf die Sync-Status-Karte. Kein Force-Push, kein Rebase, kein Squash auf dem synchronisierten Branch. Willst du etwas zurücknehmen, leg einen Commit an, der die Änderung rückgängig macht.

Laufen beide Seiten auseinander, schiebt Lovable seine Änderungen auf einen separaten Branch namens lovable-sync. Ersetzt ein Push die Arbeit von Lovable, sichert Lovable vorher eine Kopie, die nur der Projekt-Owner wiederherstellen kann.

Nach dem Merge: Sag Lovable im Chat, was sich geändert hat, damit die nächste Änderung darauf aufbaut. Und denk dran, dass ein Merge deine Live-App nicht ändert. Erst ein erneutes Veröffentlichen bringt die Änderung zu deinen Nutzern.

Was das für deinen Launch bedeutet

Der Wechsel in Claude Code oder Cursor ist keine Mutprobe, sondern eine Arbeitsteilung. Der wichtigste Schritt ist der erste: dein Projekt mit GitHub verbinden, bevor du es brauchst. Lovable schlägt selbst vor, das vor einem Produktiv-Setup einmal durchzuspielen: Projekt synchronisieren, lokal starten, eine Kopie testweise auf einem eigenen Host deployen.

Wer Lovable komplett verlässt, übernimmt laut Lovable vieles selbst: Hosting, Zertifikate, Backups, Zugriffsrechte, Login, Secrets, Monitoring und Sicherheitsprüfungen. Das ist ein großer Schritt. Für die meisten Gründer reicht vor dem Launch das hybride Setup. Bevor du lokal Daten anfasst, lohnt ein Blick auf den Zwei-Konten-Test, und für den Rest die Launch-Checkliste.

Deine To-dos für diese Woche: GitHub verbinden. Prüfen, ob das Repository privat ist. Einmal lokal klonen und die App starten, nur mit Testkonto. Und notieren, welche Funktionen nur in Lovable selbst laufen.

Fazit

Lovable und Claude Code oder Cursor schließen sich nicht aus. Über Git-Sync baust du in beiden, solange du die Regeln einhältst: Lovable auf main, du auf einem Feature-Branch, Testdaten statt echter Daten, Merge statt Force-Push.

Du stehst an genau diesem Übergang und willst wissen, wie dein Produkt sauber bis zum Launch kommt? Trag dich in die Warteliste ein und schildere deine Idee – du bekommst eine ehrliche Einschätzung, ob sie zum geplanten Bootcamp passt.

Häufige Fragen

Kann ich mein Lovable-Projekt nach GitHub exportieren?

Ja. Über die Git-Sync-Einstellungen verbindest du das Projekt mit GitHub. Lovable legt dabei ein neues Repository an, das standardmäßig privat ist, und synchronisiert Änderungen danach in beide Richtungen.

Muss ich Lovable kündigen, wenn ich mit Claude Code oder Cursor arbeite?

Nein. Laut Lovable kannst du das Repository klonen, lokal mit deinem eigenen Editor oder Coding-Assistenten arbeiten und die Änderungen zurück nach Lovable synchronisieren. Lovable selbst empfiehlt, Git-Sync dafür verbunden zu lassen.

Warum verändert meine lokale App echte Daten?

Bei Projekten mit dem eingebauten Backend enthält die .env-Datei die Adresse deines Live-Backends. Die lokale App liest und schreibt dann dieselbe Datenbank wie die veröffentlichte App. Ein Git-Branch gibt dir keine separate Datenbank.

Wem gehört der Code, den Lovable erzeugt?

Laut Lovable gehören dir Apps, Code und Inhalte, die du mit Lovable erstellst, vorbehaltlich der Rechte Dritter wie Open-Source-Lizenzen. Du darfst sie verändern, kommerziell nutzen und hosten, wo du willst.

Beitrag teilen

Weiterlesen

Weitere Beiträge

  1. 01Idee 4 Min. Lesezeit

    Eigenes Tool verkaufen: Wenn deine Lösung anderen hilft

    Dein selbst gebautes Werkzeug läuft im eigenen Betrieb. Was sich ändert, sobald andere dafür zahlen sollen – und was du vorher klären musst.

  2. 01Idee 4 Min. Lesezeit

    Produkt-Briefing für die KI: vom Problem zum Prompt

    Wie du vor dem ersten Prompt ein einseitiges Produkt-Briefing schreibst, das Lovable oder Claude Code dauerhaft auf Kurs hält – mit Aufbau und To-dos.

  3. 04Kunden 4 Min. Lesezeit

    Product Hunt Launch: Was er dir wirklich bringt

    Spam, Bot-Anmeldungen, kaum Nutzer: Was Gründer vom Product-Hunt-Launch berichten und wo du deine ersten echten Nutzer stattdessen findest.

Ziellinie · Warteliste

Warteliste + Idee schildern

Das Bootcamp ist in Vorbereitung. Erzähl uns kurz, was du bauen willst – du erfährst als Erste/r, wann es losgeht, und wir sagen dir ehrlich, ob deine Idee zum Format passt. Deine Idee behandeln wir vertraulich.

  • Status: in Vorbereitung. Dauer, Termine und Preise stehen noch nicht fest.
  • Du erfährst als Erste/r von Format und Ablauf.
  • Eintragen verpflichtet dich zu nichts.
Keine Verpflichtung, kein Newsletter-Spam.

Wir nutzen deine Angaben nur für die Warteliste und um auf deine Idee zu antworten. Deine Idee behandeln wir vertraulich und geben sie nicht weiter. Mehr in der Datenschutzerklärung.