Come ricreare il tuo sito web esistente in Coderick AI
Spostare un sito web da una piattaforma all’altra è sempre stato uno dei principali punti critici sia per i proprietari di siti che per gli sviluppatori, ma non più. Coderick AI ti consente di migrare un sito esistente da qualsiasi piattaforma e ricrearlo direttamente in un nuovo progetto Coderick senza dover fare copia e incolla manuali.
Come funziona
Quando inizi un nuovo progetto Coderick, puoi scegliere di inviare l’URL di un sito web esistente. Inserendo l’indirizzo, Coderick esegue la scansione del sito, copia il layout, le immagini, il testo e il design, e crea una versione pronta per essere modificata all’interno dello spazio di lavoro IA.
Cosa viene copiato
Quando invii un URL, Coderick scansiona il sito web esistente e ricrea:
- Layout e struttura della pagina
- Immagini
- Contenuti testuali
- Font e schema colori
Coderick AI copia automaticamente fino a 5 pagine. A seconda che il sito contenga o meno una sitemap, queste sono:
- Le prime 5 pagine della tua sitemap (se il sito ne ha una). La homepage è sempre inclusa.
- Le 5 pagine più rilevanti, come determinato dall’IA, se non è disponibile alcuna sitemap.
Cosa non viene copiato
Coderick AI non copia i seguenti elementi:
- Font proprietari o con licenza
- Immagini SVG
- Animazioni complesse o componenti con sovrapposizioni di testo animato
- Flussi di pagamento o database backend
- Siti protetti da reCAPTCHA (riceverai una notifica)
- Siti web che non consentono la scansione dei bot (tramite file robots.txt o ai.txt)
Come ricreare il tuo sito web
Ecco come ricreare un sito web da un URL con Coderick:
- Vai nella tua Area Cliente e inizia un nuovo progetto da Marketplace > Coderick AI o dal pulsante Siti Web > Progetti Coderick > Nuovo progetto. In alternativa, puoi avviare la chat dalla landing page di Coderick AI.
- Seleziona il pulsante Ricostruire dall’URL proprio sopra la casella di chat.
- Sotto le opzioni apparirà un campo per l’inserimento dell’URL. Digita o incolla l’indirizzo del sito che vuoi copiare. Il prefisso `https://` viene aggiunto automaticamente.
- Leggi il disclaimer legale mostrato sotto il campo di inserimento, quindi premi Invio per confermare.
- Se questo è il tuo primo progetto Coderick AI, apparirà un messaggio che ti chiederà di confermare i Termini di Servizio e attivare la tua prova gratuita. Clicca su Continua per procedere.
Se hai già un piano Coderick AI esistente, il sito verrà creato come prova gratuita e potrai assegnare un piano Coderick in un secondo momento.
- Verrai indirizzato alla chat di Coderick AI. L’IA analizzerà il tuo sito e inizierà a ricrearlo e in genere ci vogliono diversi minuti. Puoi seguire l’avanzamento nella chat mentre l’IA illustra il piano e crea ogni componente.
- Il tuo sito ricreato apparirà nel pannello di anteprima sulla destra.
Come copiare più di 5 pagine
Solo le prime 5 pagine vengono ricreate automaticamente. Per copiare pagine aggiuntive, puoi utilizzare i seguenti due approcci:
- Copiare pagine da screenshot
- Copiare pagine da codice HTML/JavaScript/CSS
Copiare pagine da screenshot
Per copiare pagine da screenshot, segui questi passaggi:
- Scatta degli screenshot delle pagine che desideri aggiungere.
- Carica gli screenshot direttamente nella chat di Coderick AI.
- Chiedi a Coderick AI di ricreare quelle pagine in base agli screenshot.
Copiare pagine da codice HTML/JavaScript/CSS
Puoi anche copiare una pagina usando il suo codice HTML/JavaScript/CSS e incollandolo nella chat di Coderick. Ecco i passaggi se utilizzi Google Chrome.
- Apri la pagina che desideri copiare.
- Fai clic con il tasto destro e seleziona Visualizza sorgente pagina. Si aprirà una nuova scheda del browser.
- Seleziona e copia l’intero codice della pagina. Puoi usare la scorciatoia da tastiera Cmd + A (su Mac) o CTRL + A (su Windows) per evidenziare tutto il codice.
- Apri un editor di testo come TextEdit (su Mac) o Blocco note (su Windows) e incolla il codice.
- Salva il file in formato HTML.
- Torna all’interfaccia della chat di Coderick AI e carica il file HTML dal tuo dispositivo.
- Chiedi a Coderick di ricreare la pagina dal file HTML che hai fornito.
Casi d’uso per ricreare un sito con Coderick AI
Abbandonare una piattaforma obsoleta
Il tuo sito è basato su un CMS datato, un vecchio page builder o un framework obsoleto difficile da mantenere. In questo caso, puoi usare Ricostruire dall’URL per trasferire il tuo design e i tuoi contenuti attuali in Coderick AI e continuare da lì, senza ricominciare da capo.
Passare da un altro Website Builder
Se hai un sito su un’altra piattaforma e vuoi sfruttare gli strumenti di vibe-coding di Coderick AI, puoi copiare il tuo sito esistente in pochi minuti invece di ricrearlo manualmente.
Riprogettare un sito esistente
Puoi usare il sito esistente come punto di partenza per un restyling. Scansiona il tuo sito attuale per preservarne la struttura e i contenuti, quindi usa la chat di Coderick AI per aggiornare l’aspetto, aggiungere nuove sezioni o sostituire componenti.
Prototipazione per i clienti
Agenzie e freelance possono scansionare il sito esistente di un cliente per generare un prototipo istantaneo funzionante all’interno di Coderick AI, per poi apportare modifiche con il cliente usando l’editor visuale e la chat.
Creare un sito ispirato a un design di riferimento
Se possiedi i diritti di un sito web di riferimento e desideri un layout simile per un nuovo progetto, puoi usare Ricostruire dall’URL per replicarne la struttura e poi modificarla.
Suggerimenti
- Inizia dalle tue pagine più importanti: se il tuo sito ha una sitemap, Coderick la userà, quindi l’ordine nella sitemap determina quali 5 pagine vengono copiate.
- Fai una pulizia dopo la scansione: alcuni elementi (font, animazioni complesse) non possono essere replicati. Usa la chat per regolare qualsiasi cosa non sembri corretta dopo la creazione iniziale.
- Perfeziona il sito web tramite chat: non aspettarti risultati perfetti dalla migrazione iniziale. Alcuni elementi potrebbero necessitare di una messa a punto. Usa la chat per rifinire il sito migrato, modificare elementi, correggere bug, ecc.
- I link alle pagine non migrate restituiranno un errore 404: questo è una cosa prevista. Quelle pagine semplicemente non sono ancora state ricreate. Aggiungile manualmente tramite screenshot o chiedendo all’IA di crearle da zero.
- La funzione è attiva solo per i nuovi progetti: se vuoi ricreare un sito, fallo prima di iniziare la chat; non puoi attivare una scansione all’interno di un progetto esistente.
- Le integrazioni complesse richiedono una configurazione manuale: gateway di pagamento, moduli di contatto collegati a servizi esterni e contenuti basati su database devono essere ricollegati o ricreati separatamente.
