So erstellen Sie Ihre bestehende Website in Coderick AI neu

Die Migration einer Website von einer Plattform auf eine andere war schon immer eine der größten Herausforderungen für Website-Besitzer und Entwickler gleichermaßen – doch das ist nun vorbei. Mit Coderick AI können Sie eine bestehende Website von jeder beliebigen Plattform migrieren und direkt in ein neues Coderick-Projekt umwandeln – ganz ohne manuelles Kopieren und Einfügen.

So funktioniert es

Wenn Sie ein neues Coderick-Projekt starten, können Sie die URL einer bestehenden Website eingeben. Nach Eingabe der Adresse crawlt Coderick die Website, kopiert das Layout, die Bilder, den Text und das Design und erstellt eine bearbeitungsfertige Version im KI-Arbeitsbereich

Was wird kopiert?

Wenn Sie eine URL einreichen, durchsucht Coderick die bestehende Website und stellt Folgendes nach

• Seitenlayout und -Struktur
• Bilder
• Textinhalte
• Schriftarten und Farbschema

Coderick AI kopiert automatisch bis zu 5 Seiten. Je nachdem, ob die Website eine Sitemap enthält oder nicht, sind dies:

• Die ersten 5 Seiten Ihrer Sitemap (falls die Website über eine solche verfügt). Die Startseite ist immer enthalten.
• Die 5 relevantesten Seiten, wie von der KI ermittelt, falls keine Sitemap verfügbar ist.

Was wird nicht kopiert?

Coderick AI kopiert die folgenden Elemente nicht:

• Proprietäre oder lizenzierte Schriftarten
• SVG-Bilder
• Komplexe Animationen oder Komponenten mit animierten Textüberlagerungen
• E-Commerce-Checkouts oder Backend-Datenbanken
• Durch reCAPTCHA geschützte Websites (Sie erhalten eine Benachrichtigung)
• Websites, die das Crawlen durch Bots nicht zulassen (über eine robots.txt- oder ai.txt-Datei)

So erstellen Sie Ihre Website neu

So erstellen Sie mit Coderick eine Website anhand einer URL neu:

1. Gehen Sie in Ihren Kundenbereich und starten Sie ein neues Projekt über „Marktplatz > Coderick AI“ oder über die Schaltfläche „Websites > Coderick-Projekte > Neues Projekt“. Alternativ können Sie den Chat über die Startseite von Coderick AI starten.
2. Wählen Sie die Schaltfläche „Von URL neu aufbauen“ direkt über dem Chat-Eingabefeld aus.
   

   

3. Unterhalb der Optionen erscheint ein URL-Eingabefeld. Geben Sie die Adresse der Website ein, die Sie kopieren möchten, oder fügen Sie sie ein. Das Präfix `https://` wird automatisch hinzugefügt.
   

   

4. Lesen Sie den rechtlichen Haftungsausschluss unter dem Eingabefeld und drücken Sie anschließend die Eingabetaste, um die Eingabe zu übermitteln.
5. Wenn dies Ihr erstes Coderick AI-Projekt ist, erscheint eine Aufforderung zur Bestätigung der Nutzungsbedingungen und zur Aktivierung Ihrer kostenlosen Testversion. Klicken Sie auf „Fortsetzen“, um fortzufahren.
   Falls Sie bereits einen bestehenden Coderick AI-Plan haben, wird die Website als kostenlose Testversion erstellt, und Sie können ihr später einen Coderick-Plan zuweisen.

   

6. Sie werden zum Coderick AI-Chat weitergeleitet. Die KI analysiert Ihre Website und beginnt mit der Neugestaltung – dies dauert normalerweise einige Minuten. Sie können den Fortschritt im Chat verfolgen, während die KI den Plan skizziert und die einzelnen Komponenten erstellt.
   

   

7. Ihre neu erstellte Website wird im Vorschaufenster auf der rechten Seite angezeigt. Verwenden Sie die Schaltfläche „Visuell bearbeiten“, um Änderungen direkt auf der Seite vorzunehmen, oder verfeinern Sie die Website weiter über den Chat.
   

   

So kopieren Sie mehr als 5 Seiten

Nur die ersten 5 Seiten werden automatisch neu erstellt. Um weitere Seiten zu kopieren, können Sie die folgenden zwei Vorgehensweisen nutzen:

• Seiten aus Screenshots kopieren
• Seiten aus HTML-/JavaScript-/CSS-Code kopieren

Seiten aus Screenshots kopieren

Um Seiten aus Screenshots zu kopieren, folgen Sie diesen Schritten:

1. Machen Sie Screenshots der Seiten, die Sie hinzufügen möchten.
2. Laden Sie die Screenshots direkt in den Coderick AI-Chat hoch.
   

   

3. Bitten Sie Coderick AI, diese Seiten anhand der Screenshots neu zu erstellen.
   

   

Seiten aus HTML-/JavaScript-/CSS-Code kopieren

Sie können eine Seite auch kopieren, indem Sie die entsprechenden HTML-/JavaScript-/CSS-Code kopieren und in den Coderick-Chat einfügen. Hier sind die Schritte, wenn Sie Google Chrome verwenden.

1. Öffnen Sie die Seite, die Sie kopieren möchten.
2. Klicken Sie mit der rechten Maustaste und wählen Sie „Seitenquelltext anzeigen“. Es öffnet sich ein neuer Browser-Tab.
   

   

3. Markieren und kopieren Sie den gesamten Seitencode. Sie können dazu die Tastenkombination Cmd + A (auf dem Mac) oder STRG + A (unter Windows) verwenden.
   

   

4. Öffnen Sie einen Texteditor wie TextEdit (auf dem Mac) oder Notepad (unter Windows) und fügen Sie den Code ein.
   

   

5. Speichern Sie die Datei im HTML-Format.
   

   

6. Gehen Sie zurück zur Coderick AI Chat-Oberfläche und laden Sie die HTML-Datei von Ihrem Gerät hoch.
   

   

7. Bitten Sie Coderick, die Seite anhand der von Ihnen bereitgestellten HTML-Datei neu zu erstellen.
   

   

Anwendungsfälle für die Neugestaltung einer Website mit Coderick AI

Umstieg von einer veralteten Plattform

Ihre Website basiert auf einem veralteten CMS, einem alten Page Builder oder einem veralteten Framework, das schwer zu warten ist. In diesem Fall können Sie die Funktion „Von URL neu aufbauen“, um Ihr bestehendes Design und Ihre Inhalte in Coderick AI zu übertragen und von dort aus weiterzumachen – ohne bei Null anfangen zu müssen.

Wechsel von einem anderen Website Builder

Wenn Sie eine Website auf einer anderen Builder-Plattform haben und die Vibe-Coding-Tools von Coderick AI nutzen möchten, können Sie Ihre bestehende Website in wenigen Minuten kopieren, anstatt sie manuell neu zu erstellen.

Neugestaltung einer bestehenden Website

Sie können die bestehende Website als Ausgangspunkt für eine Neugestaltung verwenden. Crawlen Sie Ihre aktuelle Website, um die Struktur und den Inhalt zu übernehmen, und nutzen Sie anschließend den Coderick AI-Chat, um das Erscheinungsbild zu aktualisieren, neue Abschnitte hinzuzufügen oder Komponenten auszutauschen.

Prototypenerstellung für Kunden

Agenturen und Freiberufler können die bestehende Website eines Kunden crawlen, um innerhalb von Coderick AI sofort einen funktionierenden Prototyp zu erstellen, und diesen dann gemeinsam mit dem Kunden mithilfe des visuellen Editors und des Chats weiterentwickeln.

Erstellung einer Website nach dem Vorbild eines Referenzdesigns

Wenn Sie die Rechte an einer Referenz-Website besitzen und ein ähnliches Layout für ein neues Projekt wünschen, können Sie die Funktion „Von URL neu aufbauen“ verwenden, um die Struktur zu replizieren und anschließend anzupassen.

Tipps

• Mit Ihren wichtigsten Seiten beginnen – Wenn Ihre Website eine Sitemap hat, nutzt Coderick diese – die Reihenfolge in Ihrer Sitemap bestimmt also, welche 5 Seiten kopiert werden.
• Nach dem Crawling bereinigen – Einige Elemente (Schriftarten, komplexe Animationen) können nicht repliziert werden. Nutzen Sie den Chat, um alles anzupassen, was nach der ersten Erstellung nicht richtig aussieht.
• Die Website per Chat verfeinern – Erwarten Sie keine perfekten Ergebnisse bei der ersten Migration. Einige Elemente müssen möglicherweise noch feinabgestimmt werden. Nutzen Sie den Chat, um die migrierte Website zu optimieren, Elemente anzupassen, Fehler zu beheben usw.
• Links zu nicht migrierten Seiten führen zu einem 404-Fehler – Das ist zu erwarten. Diese Seiten wurden einfach noch nicht neu erstellt. Fügen Sie diese manuell über Screenshots hinzu oder bitten Sie die KI, sie von Grund auf neu zu erstellen.
• Die Funktion ist nur für neue Projekte verfügbar – Wenn Sie eine Website neu erstellen möchten, tun Sie dies, bevor Sie Ihren Chat starten – Sie können innerhalb eines bestehenden Projekts keinen Crawl auslösen.
• Komplexe Integrationen erfordern manuelle Einrichtung – Zahlungsgateways, Kontaktformulare, die mit externen Diensten verbunden sind, und datenbankgestützte Inhalte müssen separat neu verbunden oder erstellt werden.