So baust du eine Lovable-Website mit KI neu

Einleitung

Lovable kann in Minuten eine einfache Website erstellen, aber das Fertigstellen einer Website kann eine Herausforderung sein. Die meisten Websites brauchen mehrere Seiten, ausgefeilte Texte, Bilder und eine lange Liste kleiner Anpassungen. Lovable gibt dir ein Grundgerüst, das du selbst ausbauen und verfeinern musst – und das alles unter einem strengen Credit-Budget.

Statt deine Website in Lovable fertigzustellen, kannst du zu einem anderen Tool wechseln, das website-freundlicher ist. In dieser Anleitung zeige ich dir, wie du deine Website auf einer KI-Plattform namens Repaint fertigstellst.

Warum Repaint

Repaint ist eine KI-Plattform, die für die Erstellung von Websites optimiert ist. Das Grundkonzept ähnelt Lovable: Du beschreibst, was du möchtest, und die KI baut es. Aber ein paar Unterschiede machen Repaint stärker für die Erstellung von Marketing-Websites:

• Der Betrieb kostet deutlich weniger. Repaint nutzt einen effizienten Multi-Agenten-Prozess und wählt für einfache Aufgaben automatisch günstigere KI-Modelle, da die meisten Updates an Marketing-Websites nicht die teuren Modelle benötigen, die Lovable für hochwertige App-Erstellung reserviert. In Repaint kannst du eine 15-seitige Website bauen, ohne das Limit des kostenlosen Tarifs zu erreichen.
• Es baut ganze Websites, keine Starter. Repaint plant und generiert deine gesamte Website in einem Durchgang, mit einem konsistenten Stil über jede Seite hinweg, statt dir ein Grundgerüst zum Selbstfertigstellen zu überlassen.
• Es ist besser im Importieren von Inhalten. Repaint hat dedizierte Werkzeuge, um Inhalte aus bestehenden Websites zu ziehen, sodass du eine Website neu gestalten kannst, ohne alles manuell zu übertragen.

Wie der Umzug von Lovable funktioniert

Der einfachste Weg, von Lovable wegzukommen, ist, Repaint die URL deiner Live-Website zu geben. Repaint besucht deine Live-Website so, wie es ein Besucher tun würde, liest deinen Text, lädt deine Bilder herunter und nutzt sie, um die Website neu aufzubauen. Das funktioniert sogar im kostenlosen Tarif von Lovable, da nur eine Live-Website benötigt wird.

Die andere Option ist, deinen Code aus Lovable zu exportieren und in Repaint hochzuladen. So kann Repaint das Original exakter nutzen, weil es beim Nachbauen nicht raten muss. Aber der vollständige Code-Export erfordert auch einen kostenpflichtigen Lovable-Tarif.

So oder so erhältst du am Ende eine vollständige Website, die du mit KI bearbeiten kannst. Sobald du mit der neuen Website zufrieden bist, kannst du direkt aus Repaint veröffentlichen und eine eigene Domain verbinden.

Schritt 1: Inhalte importieren

Es gibt zwei Möglichkeiten, deine Inhalte in Repaint zu importieren:

1. Die URL der Live-Website teilen
2. Deinen Code aus Lovable exportieren und in Repaint importieren

Wir empfehlen die zweite Option, wenn du Lovable Premium hast und die neue Website exakt wie das Original aussehen soll. Wenn du die Website ohnehin neu gestalten willst, ist der Code-Export überflüssig, und es ist einfacher, die Live-URL mit Repaint zu teilen.

Über eine URL importieren

Repaint kann jede öffentlich zugängliche Website im Internet neu gestalten. Lovable hat früher jedes Projekt automatisch veröffentlicht, aber das ist nicht mehr der Fall. Du musst aus Lovable veröffentlichen, bevor du versuchst, es zu importieren. Du solltest eine URL erhalten, die so aussieht: https://brave-mango-spark.lovable.app/

Öffne zunächst deine Website in Lovable. Dann:

1. Klicke auf Veröffentlichen und kopiere die URL
2. Gehe zu Repaint, füge die URL ein und sende sie ab
3. Erstelle dein Repaint-Konto

Als Code importieren

Wenn du Lovable Premium hast, kannst du deinen Code direkt aus dem Lovable-Editor exportieren. Anstatt das Datei für Datei zu tun, kannst du die gesamte Website als .zip-Datei herunterladen und diese an Repaint übergeben.

Öffne zunächst deine Website in Lovable. Dann:

1. Exportiere deinen Code als .zip
2. Gehe zu Repaint und erstelle dein Konto
3. Lade die .zip hoch und sende sie ab

Damit startet der Website-Erstellungsprozess. Repaint scannt deine Website, kopiert Texte und Bilder und macht Screenshots jeder Seite, um das Design zu verstehen. Von da an musst du nur noch mit Repaint sprechen, um den Prozess abzuschließen.

Schritt 2: Neue Website planen

Repaint kann das Original kopieren, es komplett neu gestalten oder alles dazwischen. Bevor es mit dem Bau deiner Website beginnt, stellt es dir ein paar Fragen, um zu verstehen, was du suchst.

Während Repaint deine Website neu aufbaut, ist es ein guter Zeitpunkt, mit dem Stil zu experimentieren, um zu sehen, ob es noch etwas anderes gibt, das du ausprobieren möchtest. Du kannst Repaint Stil-Beispiele generieren lassen, aus denen du wählen kannst. Lovable gibt dir in der Regel einen einzigen Stil, dessen Anpassung kostspielig ist, sodass die meisten Leute nie weit vom ursprünglichen Design abweichen, das sie erhalten haben.

Inhalte importieren

Wenn du weitere Informationen einbeziehen möchtest, teile sie jetzt. Repaint kann Informationen von anderen Websites, Google-Unternehmensprofilen, PDFs oder anderen Dateien sowie Bilder nutzen. Je mehr es vor dem Bau der Website lernt, desto weniger musst du später verfeinern.

Wenn du mehrere Quell-Websites hast, etwa eine alte Website zusätzlich zur Lovable-Website, solltest du Repaint beide geben. Es kann die alte Website für zu übertragende Informationen und die neue als Stil-Vorlage nutzen. Im Zweifelsfall solltest du viele Informationen teilen und Repaint herausfinden lassen, wie sie zu nutzen sind.

Sobald du und Repaint euch auf den Plan geeinigt habt, baut es deine neue Website!

Schritt 3: Website generieren

Repaint braucht in der Regel ein paar Minuten, um die erste Version deiner Website zu bauen. Die genaue Dauer variiert, je nachdem, wie viele Inhalte es migrieren muss und wie groß die neue Website ist. Eine große Website mit Dutzenden von Seiten kann über zehn Minuten dauern.

Wenn es fertig ist, öffnet Repaint automatisch eine Vorschau deiner neuen Website. Die erste Version hat meist einige raue Stellen: abgeschnittener Text, Bilder an der falschen Stelle oder Abstände, die etwas daneben sind. Das ist zu erwarten. Du kannst alles, was nicht stimmt, beheben, indem du mit der KI chattest.

Wenn dein Lovable-Projekt fortgeschrittene Backend-Funktionalität hatte, wie eine Supabase-Integration oder Lovable-Cloud-Funktionen, werden diese nicht übertragen. Repaint baut nur den sichtbaren visuellen Teil, nicht die darunterliegende Datenspeicherung. Die meisten Unternehmenswebsites haben so etwas nicht, also ist das kein Problem. Aber wenn du eine vollwertige Anwendung in Lovable hast, wird Repaint sie nicht nahtlos nachbauen.

Schritt 4: Anpassungen vornehmen

Nach dem Generieren deiner Website gibt es vielleicht ein paar Eigenheiten zu beheben. Repaint übersetzt deine Website in sein eigenes Format, daher ist es möglich, dass einige Details bei der Übersetzung verloren gehen. Oder wenn du Repaint deine Lovable-Website neu gestalten lässt, gibt es einfach viele neue Inhalte zu prüfen.

Der Bearbeitungs-Workflow ist genau wie bei Lovable; du kannst alles auf deiner Website ändern, indem du mit der KI chattest: "Füge eine Kontaktseite hinzu." "Füge eine Bildergalerie mit drei quadratischen Bildern hinzu." "Entferne das obere Banner, das unsere Veranstaltung ankündigt."

Du solltest damit beginnen, den visuellen Stil zu bewerten. Stelle sicher, dass Farben, Schriftarten und Layouts alle gut aussehen. Dein visueller Stil legt Muster fest, die die KI bei jedem neuen Inhalt, den sie erstellt, ganz natürlich verwendet, daher ist es schneller, ihn früh zu verfeinern, als ihn zu polieren, nachdem du Dutzende von Seiten ausgebaut hast.

Sobald dir der Stil gefällt, kannst du die Inhalte durchgehen und sicherstellen, dass der Text korrekt ist, Bilder an den richtigen Stellen sind, Links funktionieren und alles auf dem Smartphone gut aussieht.

SEO-Inhalte prüfen

Wenn deine Lovable-Website Suchtraffic erhalten hat, lohnt es sich, während der Migration auf SEO zu achten. Wir haben einen ganzen Leitfaden zu SEO beim Website-Redesign, falls du mehr erfahren möchtest. Auf hoher Ebene willst du einfach sicherstellen, dass die neue Website dieselben Seiten-URLs und dieselben Inhalte darauf hat.

Google baut Rankings für einzelne Seiten deiner Website auf, die an ihre URLs geknüpft sind. Wenn du auf eine neue Plattform wechselst und sich diese URLs ändern oder verschwinden, behandelt Google sie als neue Seiten ohne Verlauf, und du verlierst den Traffic, den sie eingebracht haben. Und wenn du die Inhalte änderst, entscheidet Google vielleicht, dass die neuen Versionen für Suchanfragen nicht mehr relevant sind, und hört auf, sie zu ranken.

Du kannst Repaint bitten, die URLs deiner neuen Website mit denen der Lovable-Website zu vergleichen, um zu sehen, ob es Unterschiede gibt. Wenn du den Code direkt importiert hast, hat sich wahrscheinlich nichts geändert. Aber wenn sich etwas geändert hat oder fehlt, kann Repaint beim Beheben helfen, solange du danach fragst.

Wenn deine Website gut aussieht und die Inhalte korrekt sind, bist du bereit zum Veröffentlichen.

Schritt 5: Website veröffentlichen

Wenn du bereit bist, deine neue Website zu veröffentlichen, öffne dein Repaint-Projekt und klicke oben rechts auf Veröffentlichen. Deine Website geht unter einer Repaint-URL online, die du mit jedem teilen kannst. Sie sieht ähnlich aus wie die kostenlose Lovable-URL, etwa so: https://careful-tiger-5jd92kjd.sites.repaint.com

Zu diesem Zeitpunkt hast du zwei live geschaltete Websites: eine auf Repaint und eine auf Lovable. Wenn du eine eigene Domain hast, verweist sie noch auf deine Lovable-Website, also hat sich für deine Besucher noch nichts geändert. Wenn du bereit bist für den Wechsel, kannst du deine Domain übertragen.

Schritt 6: Domain übertragen

Wenn du bereit bist, offiziell zu wechseln, musst du deine Domain nur auf die neue Repaint-Website zeigen lassen. Um das in Repaint zu tun, sagst du der KI einfach, sie soll deine Domain verbinden. Sie gibt dir DNS-Einträge zum Hinzufügen. Dafür ist ein kostenpflichtiger Tarif erforderlich; die Preisdetails findest du hier.

Deine Domain ist unabhängig von deiner Lovable-Website. Sie ist wahrscheinlich bei einem separaten Domain-Anbieter wie GoDaddy, Namecheap oder Cloudflare registriert. In jedem Fall sollte deine Domain auf dieser Plattform bleiben. Du musst sie nicht verschieben. Du musst nur die Einstellungen aktualisieren, damit deine Domain auf deine neue Repaint-Website statt auf die Lovable-Website zeigt.

Keine Sorge, wenn du noch nie mit DNS-Einstellungen zu tun hattest. Repaint kann dich Schritt für Schritt durchführen. Es kann dir individuelle Anweisungen basierend auf deinem Anbieter geben. DNS-Änderungen können 20 Minuten oder länger brauchen, bis sie wirksam werden. Sobald du die DNS-Einträge gesetzt hast, kannst du Repaint deine Live-Einträge prüfen lassen, um zu sehen, ob sie sich erfolgreich verbreitet haben. Sobald es bestätigt, dass alles korrekt eingerichtet ist, bist du fertig.

Nachdem du deine Domain übertragen hast, brauchst du keinen Premium-Lovable-Tarif mehr für Hosting oder Bearbeitung. Du kannst dein Lovable-Abonnement jederzeit kündigen.

Fazit

Wenn du bei Lovable an eine Wand stößt, musst du deine Arbeit nicht aufgeben. Repaint ist eine ähnliche Plattform, die für die Erstellung von Marketing-Websites optimiert ist. Wenn du einfach deine Live-URL teilst, importiert es deine Website und lässt dich Änderungen vornehmen, indem du mit der KI chattest. Und da deine Website die ganze Zeit über live bleibt, hast du nichts zu verlieren, wenn du es ausprobierst.

Häufig gestellte Fragen

Warum von Lovable wechseln, wenn Repaint auch ein KI-Builder ist?

Sie sehen ähnlich aus, aber sie sind auf unterschiedliche Aufgaben abgestimmt. Lovable ist darauf ausgelegt, komplexe Web-Apps zu erstellen, wobei Credits und Preise auf hochwertige Generierung ausgelegt sind. Repaint ist speziell für Marketing-Websites gebaut. Es erstellt Seiten parallel und effizienter, es nutzt günstigere Modelle für Routine-Änderungen, und es hat ein wöchentliches Nutzungskontingent statt monatlicher Credits. Dein Kontingent reicht bei Repaint weiter, daher ist es einfacher, deine Website tatsächlich fertigzustellen.

Verbraucht die Migration meine Lovable-Credits?

Nein. Wenn du importierst, indem du deine Live-URL teilst, besucht Repaint einfach deine veröffentlichte Website so, wie es jeder Besucher tun würde. Es berührt nie dein Lovable-Konto, also kostet es null Lovable-Credits. Der einzige Fall, in dem Lovable überhaupt beteiligt ist, ist der Code-Export-Weg, und selbst dann lädst du nur Dateien herunter, die du bereits hast. Die Migration läuft über das Nutzungskontingent von Repaint, nicht über das von Lovable.

Brauche ich einen kostenpflichtigen Lovable-Tarif, um zu migrieren?

Für den einfachsten Weg nicht. Der Import von deiner Live-URL erfordert nur, dass deine Website veröffentlicht ist, was im kostenlosen Tarif von Lovable funktioniert. Einen kostenpflichtigen Lovable-Tarif bräuchtest du nur, wenn du deinen vollständigen Code für einen exakteren Neuaufbau exportieren möchtest. Wenn du ohnehin neu gestaltest, kannst du den Code-Export überspringen und einfach deine URL teilen. Manche Leute synchronisieren ihr Lovable-Projekt auch mit GitHub, um den Code auf diesem Weg zu ziehen, obwohl die Verfügbarkeit von deinem Lovable-Tarif abhängt.

Was passiert mit meiner Lovable-Website während der Migration? Kann ich beide behalten?

Mit deiner Lovable-Website passiert nichts. Die beiden sind völlig unabhängig voneinander. Alles, was du tust, ist, eine neue Website in Repaint zu bauen, während deine Lovable-Website live und unangetastet bleibt. Sobald du mit der Repaint-Version zufrieden bist, kannst du deine Domain darauf zeigen lassen. Oder wenn du dich entscheidest, bei Lovable zu bleiben, musst du gar nichts tun. Es gibt keinen Punkt, an dem du gezwungen bist, das Original aufzugeben.

Was, wenn mein Lovable-Projekt eine vollwertige App mit Datenbank und Logins ist und keine reine Marketing-Website?

Dann ist Repaint heute wahrscheinlich nicht das richtige Tool. Repaint baut Marketing-Websites, keine vollwertigen Anwendungen. Es baut keine Backend-Funktionalität wie Datenbanken, Benutzer-Logins oder irgendetwas, das mit Lovable Cloud oder Supabase verbunden ist, nach. Wenn dein Projekt eine echte App mit Infrastruktur dahinter ist, würde eine Migration zu Repaint bedeuten, die Teile zu verlieren, die es funktionieren lassen.

Stoße ich in Repaint nicht einfach auf dieselben Limits wie bei Lovable?

Normalerweise nicht, und der Unterschied ist größer, als die Leute erwarten. Die beiden Plattformen messen die Nutzung unterschiedlich, und Repaint reicht für Marketing-Websites in der Regel deutlich weiter. Ein reales Beispiel: Der Ausbau einer fünfseitigen Website in Lovable hat einen kompletten kostenlosen Tarif verbraucht, während der Neuaufbau einer zwölfseitigen Website in Repaint die Hälfte verbraucht hat. Das kommt aus mehreren Gründen, darunter effizienteres Importieren, paralleles Arbeiten, günstigere Modelle und ein großzügiges Nutzungslimit statt monatlicher Credits.

Kann Repaint mein Lovable-Design exakt nachbilden?

Das hängt davon ab, wie du importierst. Wenn du deinen Code exportierst und Repaint den Quellcode gibst, kann es sehr nah herankommen, da es vom Original arbeitet statt zu raten. Wenn du von deiner Live-URL importierst, baut Repaint das Design aus dem nach, was es sehen kann. Es wird klar wie deine Website aussehen, aber rechne mit ein paar sichtbaren Unterschieden, die du bereinigen wollen wirst, umso mehr, wenn das Originaldesign komplex ist. So oder so kannst du alles feinjustieren, indem du mit der KI chattest.

Wie lange dauert die Migration?

Der erste Build braucht in der Regel ein paar Minuten, um zu planen, deine Inhalte zu importieren und die neue Website zu generieren. Größere Websites mit vielen Seiten oder viel zu erfassendem Inhalt können zehn Minuten oder länger dauern. Danach hängt die Zeit bis zur Veröffentlichung davon ab, wie viele Anpassungen du vornehmen möchtest. Die meisten Websites können innerhalb weniger Stunden migriert und verfeinert werden.

Was kostet die Migration von Lovable zu Repaint?

Das Importieren, Bearbeiten und Veröffentlichen unter einer sites.repaint.com-Adresse ist kostenlos. Der kostenlose Tarif deckt das Erstellen und Launchen einer einfachen Website ab, mit einem wöchentlichen Bearbeitungskontingent, einem Repaint-Badge und ohne eigene Domain. Kostenpflichtige Tarife beginnen bei 20 $/Monat bei jährlicher Abrechnung oder 25 $/Monat bei monatlicher Abrechnung, was dir ein größeres Kontingent gibt, das Badge entfernt und dich eine eigene Domain verbinden lässt. Die vollständige Aufschlüsselung findest du auf der Preisseite.

Kann ich zunächst nur eine Seite migrieren, um es auszuprobieren?

Ja. Du kannst eine einzelne Seite importieren, um zu sehen, wie sie herauskommt, bevor du dich auf die gesamte Website festlegst. Das ist eine aufwandsarme Möglichkeit zu prüfen, ob Repaint gut zu deinem Unternehmen passt. Sobald dir gefällt, was du siehst, kannst du Repaint bitten, den Rest auszubauen.

Verliere ich meine Suchrankings, wenn ich migriere?

Nicht, wenn du deine URLs und Inhalte konsistent hältst. Google knüpft Rankings an einzelne Seiten-URLs, daher ist das Ziel, dass deine neue Repaint-Website dieselben URLs und weitgehend dieselben Inhalte wie die alte verwendet. Wenn du deinen Code direkt importierst, bleibt in der Regel alles im Einklang. Du kannst Repaint auch bitten, deine neuen URLs mit dem Original zu vergleichen und etwaige Lücken zu beheben. Mehr dazu in unserem Leitfaden zum Erhalt von SEO, wenn du eine Website importierst.

Was passiert, wenn die KI einen Fehler macht? Kann ich Änderungen rückgängig machen?

Ja. Repaint speichert jedes Mal, wenn du eine Änderung vornimmst, eine Version deiner Website. Wenn etwas falsch herauskommt, kannst du es bitten, zurückzugehen, oder den Versionsverlauf öffnen und selbst eine frühere Version wiederherstellen. Nichts ist endgültig, daher ist es sicher, zu experimentieren und zurückzurollen, wenn dir das Ergebnis nicht gefällt.