So baust du eine v0-Website mit KI neu

Einleitung

v0 ist ein beliebtes browserbasiertes KI-Coding-Tool, das von der Entwicklerplattform Vercel entwickelt wurde. Es kann in wenigen Minuten eine einfache Website erstellen, ist aber nicht primär für Webdesign gedacht. Es ist eine vollständige App-Building-Plattform, die für Application-UI-Design und Produktions-Code-Workflows gemacht ist. Für Menschen, die nicht programmieren können, ist es meist überdimensioniert und überwältigend.

Statt deine Website in v0 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 v0: Du beschreibst, was du möchtest, und die KI baut es. Aber Repaint ist darauf ausgelegt, einfacher zu sein und sich auf Webdesign zu fokussieren. Ein paar Punkte, durch die es sich abhebt:

• Es ist weniger technisch. v0 spricht regelmäßig über Code-Dateien, Git-Diffs, Komponenten, Produktions-Deployments und Repositories. Repaint spricht mit dir in klarer Sprache, sodass du weniger technisches Fachjargon lernen musst.
• Es baut Websites effizienter. Repaint kann größere Websites mit weniger Nutzungsaufwand erstellen. Es nutzt effiziente parallele Prozesse und wählt für einfache Aufgaben automatisch günstigere KI-Modelle, da die meisten Updates nicht die teuren KI-Modelle benötigen, die v0 für komplexes App-Building einsetzt.
• Es ist besser im Importieren von Inhalten. Repaint hat dedizierte Werkzeuge, um Inhalte und Stile aus bestehenden Websites zu ziehen, sodass du eine Website übernehmen kannst, ohne alles manuell zu übertragen.

Wie der Umzug von v0 funktioniert

Es gibt zwei Möglichkeiten, deine Website in Repaint zu importieren: deinen Code importieren oder deine Live-URL teilen. Deinen Code aus v0 zu exportieren und in Repaint hochzuladen ist die exakteste Methode, da Repaint direkt am Original arbeitet. Aber wenn du deine Website ohnehin neu gestalten willst, ist es einfacher, einfach deine Live-URL einzufügen.

So oder so erhältst du am Ende eine vollständige Website, die du mit KI bearbeiten kannst. Sobald du 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. Deinen Code aus v0 exportieren und in Repaint importieren
2. Die Live-Website-URL teilen

Der Code-Export ist in v0 kostenlos und gibt Repaint die exakteste Kopie deines Originals. Wenn Repaint stattdessen von einer URL neu aufbaut, kann es leicht vom Original abweichen. Wenn du die Website ohnehin neu gestalten willst, ist der Code-Export überflüssig, und es ist einfacher, deine Live-URL zu teilen.

Als Code importieren

Den Code in v0 zu exportieren geht schnell, wenn du weißt, wo du suchen musst:

1. Öffne deine Website in v0
2. Öffne das Dreipunkt-Menü (…) oben rechts
3. Klicke auf „Download Zip", um deine Code-Dateien herunterzuladen
4. Gehe zu Repaint und erstelle dein Konto
5. Lade die .zip hoch und sende sie ab

Über eine URL importieren

Repaint kann jede öffentlich zugängliche Website im Internet neu gestalten. Dafür muss deine v0-Website veröffentlicht sein. v0 hat oben rechts eine Veröffentlichen-Schaltfläche, die deine Website unter einer URL wie https://custom-company-website-iybvfowln-repaint.vercel.app live stellt.

Veröffentliche zunächst deine Website in v0. Dann:

1. Besuche deine Website und kopiere die veröffentlichte URL
2. Gehe zu Repaint, füge die URL ein und sende sie ab
3. Erstelle dein Repaint-Konto

Beide Wege starten den 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.

Da du ohnehin neu aufbaust, ist es ein guter Zeitpunkt, mit dem Stil zu experimentieren und 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, sodass du nicht am ersten Look festgehalten wirst, den du erhältst.

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 ältere Website zusätzlich zur v0-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 v0-Projekt mit einer Datenbank wie Supabase oder Upstash verbunden ist, wird sie nicht automatisch übertragen. Repaint baut nur den sichtbaren visuellen Teil der Website neu auf, nicht komplexe Backend-Funktionalität. Das ist bei den meisten Marketing-Websites kein Problem, da sie keine Datenbank verwenden. Wenn du aber eine komplexe App in v0 gebaut hast, würde eine Migration wahrscheinlich die darunterliegende Logik beschädigen.

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 Repaint deine v0-Website neu gestaltet hat, gibt es einfach viele neue Inhalte zu prüfen.

Der Bearbeitungs-Workflow ist genau wie bei v0: Du änderst alles auf deiner Website, indem du mit der KI chattest. „Füge mehr Farbe zum Design hinzu." „Ersetze das Hero-Bild durch ein modernes Wolkenkratzer-Foto." „Verkleinere die Schriftgröße der Überschriften." Wenn du neue Bilder brauchst, kann Repaint sie direkt für dich generieren.

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 v0-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 alten 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 deine v0-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 v0. Wenn du eine eigene Domain hast, verweist sie noch auf deine v0-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 könnte bei Vercel registriert sein oder bei einem anderen DNS-Anbieter wie GoDaddy, Namecheap oder Cloudflare. In jedem Fall sollte deine Domain dort bleiben, wo sie ist. Sie ist unabhängig von deiner Website, und du musst sie nicht verschieben, um sie mit deiner neuen Website zu verbinden. Du musst nur die Einstellungen aktualisieren, damit deine Domain auf deine neue Repaint-Website statt auf die v0-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 kostenpflichtigen v0-Tarif für Hosting mehr. Du kannst dein v0-Abonnement jederzeit kündigen.

Fazit

v0 ist eine großartige Möglichkeit, Anwendungs-UIs für komplexe Software zu prototypisieren, aber für eine Website ist es überdimensioniert. Repaint bietet dir einen website-freundlicheren Ort, um sie zu übernehmen, Seiten zu verfeinern, Texte und Grafiken zu verbessern und zu veröffentlichen, wenn du bereit bist. Du kannst migrieren, indem du deinen v0-Code exportierst oder deine Live-URL teilst, und dann weiter bearbeiten, indem du mit der KI chattest, anstatt den darunterliegenden Code zu verwalten. Und da deine v0-Website die ganze Zeit über live bleibt, ist es risikoarm, Repaint auszuprobieren, bevor du wechselst.

Häufig gestellte Fragen

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

Sie sind ähnliche Tools, und beide lassen dich beschreiben, was du möchtest, und bauen es. Der Unterschied liegt im Fokus. v0 ist stärker code-orientiert und für komplexe Apps gebaut, während Repaint stärker website-orientiert ist: einfachere Sprache, effizienteres Erstellen mehrerer Seiten und bessere Werkzeuge zum Importieren von Inhalten aus bestehenden Websites.

Ist v0 zu technisch, um eine Website damit zu bauen?

Es ist keine unüberwindbare Hürde; du musst nicht programmieren können, um v0 zu nutzen. Es hält Code und Datenbank im Hintergrund, sodass man sie leicht ignorieren kann. Die Benutzeroberfläche ist nicht von Grund auf überwältigend. Die eigentliche Herausforderung ist, dass die Sprache im KI-Chat und auf den UI-Schaltflächen sehr technisch ist. Die KI spricht über Code-Dateien, Git-Diffs, Komponenten, Produktions-Deployments und Repositories. Wenn du nur eine einfache Website erstellen willst, kann das überwältigend sein. Repaint hält das Gespräch einfach und fokussiert auf die Website selbst.

Stoße ich in Repaint nicht auf dieselben Nutzungslimits wie in v0?

Repaint hat ebenfalls Nutzungslimits, aber du kommst sowohl im kostenlosen als auch in kostenpflichtigen Tarifen weiter. Repaints KI-Agent ist für das Bearbeiten von Websites generell effizienter und nutzt für einfachere Aufgaben günstigere KI-Modelle. Du kannst mehr für weniger erreichen. Außerdem läuft es auf einem wöchentlichen Kontingent statt einem monatlichen Credit-Limit, was innerhalb eines Monats großzügiger ist.

Verbraucht die Migration meine v0-Token?

Nein. Der Import über deine Live-URL besucht deine veröffentlichte Website so, wie es jeder Besucher tun würde, und berührt nie dein v0-Konto. Der Code-Export ist ebenfalls kostenlos, da du nur Dateien herunterlädst, die du bereits hast. Die Migration läuft über das Nutzungskontingent von Repaint, nicht über das von v0.

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

Mit deiner v0-Website passiert nichts. Die beiden sind völlig unabhängig voneinander, sodass dein v0-Projekt live und unangetastet bleibt, während du die neue aufbaust. Sobald du mit der Repaint-Version zufrieden bist, kannst du deine Domain darauf zeigen lassen. Wenn du lieber bei v0 bleiben möchtest, musst du gar nichts tun.

Was, wenn mein v0-Projekt eine vollwertige App mit einer Datenbank ist?

Dann ist Repaint wahrscheinlich nicht das richtige Tool. Es baut den sichtbaren visuellen Teil der Website neu auf, nicht die Infrastruktur dahinter, wie die Datenbankverbindung. Wenn dein Projekt eine echte App mit dieser Funktionalität ist, würde eine Migration bedeuten, diese Teile hinter sich zu lassen.

Kann Repaint mein v0-Design exakt nachbilden?

Das hängt davon ab, wie du importierst. Wenn du deinen Code exportierst, arbeitet Repaint vom Original und kann sehr nah herankommen. Wenn du von deiner Live-URL importierst, baut es das Design aus dem nach, was es sehen kann. Es wird klar wie deine Website aussehen, aber es ist wahrscheinlicher, dass es an ein paar Stellen abweicht. 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, obwohl größere Websites mit vielen Seiten zehn Minuten oder länger dauern können. 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 v0 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 und einem Repaint-Badge. Kostenpflichtige Tarife beginnen bei 20 $/Monat bei jährlicher Abrechnung oder 25 $/Monat bei monatlicher Abrechnung, was dir höhere Nutzungslimits 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. 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 möchtest du, dass deine neue Website dieselben URLs und weitgehend dieselben Inhalte wie die alte verwendet. Du kannst Repaint 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 eine frühere Version selbst aus dem Versionsverlauf wiederherstellen. Nichts ist endgültig, daher ist es sicher, zu experimentieren.