Comment recréer votre site web existant avec Coderick AI

Migrer un site web d’une plateforme à une autre a toujours été l’un des principaux points de difficulté pour les propriétaires de sites et les développeurs. Mais ce n’est plus le cas. Coderick AI vous permet de migrer un site web existant depuis n’importe quelle plateforme et de le récreer directement dans un nouveau projet Coderick, sans avoir à effectuer de copier-coller manuel.

Comment cela fonctionne

Lorsque vous lancez un nouveau projet Coderick, vous pouvez choisir de soumettre l’URL d’un site web existant. En saisissant l’adresse, Coderick explore le site, copie la mise en page, les images, le texte et le design, et crée une version prête à être modifiée dans l’espace de travail de l’AI.

Éléments copiés

Lorsque vous soumettez une URL, Coderick explore le site web existant et recrée :

• La mise en page et la structure des pages
• Les images
• Le contenu textuel
• Les polices et la palette de couleurs

Coderick AI copie automatiquement jusqu’à 5 pages. Selon la présence ou non d’un sitemap sur le site, il s’agit :

• Les 5 premières pages de votre sitemap (si le site en possède un). La page d’accueil est toujours incluse.
• Les 5 pages les plus pertinentes, déterminées par l’IA, si aucun sitemap n’est disponible.

Éléments non copiés

Coderick AI ne copie pas les éléments suivants :

• Polices propriétaires ou sous licence
• Images SVG
• Animations complexes ou composants avec des superpositions de texte animé
• Checkouts e-commerce ou bases de données backend
• Sites protégés par reCAPTCHA (vous recevrez une notification)
• Sites web qui n’autorisent pas l’exploration par des robots (via un fichier robots.txt ou ai.txt)

Comment récreer votre site web

Voici comment récreer un site web à partir d’une URL avec Coderick :

1. Accédez à votre Espace Client et lancez un nouveau projet depuis Place de Marché > Coderick AI ou depuis Sites Web > Projets Coderick > Nouveau projet. Alternativement, vous pouvez lancer le chat depuis la page de destination de Coderick AI.
2. Sélectionnez le bouton Reconstruire à partir de l’URL juste au-dessus de la zone de chat.
   

   

3. Un champ de saisie d’URL apparaît sous les options. Saisissez ou collez l’adresse du site web que vous souhaitez copier. Le préfixe `https://` est ajouté automatiquement.
   

   

4. Lisez l’avertissement légal affiché sous le champ de saisie, puis appuyez sur Entrée pour soumettre.
5. S’il s’agit de votre premier projet Coderick AI, un message apparaîtra vous demandant de confirmer les Conditions d’utilisation et d’activer votre essai gratuit. Cliquez sur Continuer pour procéder.
   Si vous avez déjà un plan Coderick AI existant, le site web sera créé en tant qu’essai gratuit, et vous pourrez lui assigner un plan Coderick plus tard.

   

6. Vous serez redirigé vers le chat Coderick AI. L’AI analyse votre site web et commence à le recréer, cela prend généralement plusieurs minutes. Vous pouvez suivre la progression dans le chat à mesure que l’AI définit le plan et crée chaque composant.
   

   

7. Votre site web recréé apparaît dans le panneau de prévisualisation à droite. Utilisez le bouton Édition visuelle pour apporter des modifications directement sur la page, ou continuez à affiner le site depuis le chat.
   

   

Comment copier plus de 5 pages

Seules les 5 premières pages sont recréés automatiquement. Pour copier des pages supplémentaires, vous pouvez utiliser les deux approches suivantes :

• Copier des pages à partir de captures d’écran
• Copier des pages à partir du code HTML/JavaScript/CSS

Copier des pages à partir de captures d’écran

Pour copier des pages à partir de captures d’écran, suivez ces étapes :

1. Prenez des captures d’écran des pages que vous souhaitez ajouter.
2. Téléchargez les captures d’écran directement dans le chat Coderick AI.
   

   

3. Demandez à Coderick AI de recréer ces pages en fonction des captures d’écran.
   

   

Copier des pages à partir du code HTML/JavaScript/CSS

Vous pouvez également copier une page en copiant son code HTML/JavaScript/CSS et en le collant dans le chat de Coderick. Voici les étapes si vous utilisez Google Chrome.

1. Ouvrez la page que vous souhaitez copier.
2. Faites un clic droit et sélectionnez Afficher le code source de la page. Un nouvel onglet de navigateur s’ouvrira.
   

   

3. Sélectionnez et copiez l’intégralité du code de la page. Vous pouvez utiliser le raccourci clavier Cmd + A (sur Mac) ou CTRL + A (sur Windows) pour surligner tout le code.
   

   

4. Ouvrez un éditeur de texte comme TextEdit (sur Mac) ou Notepad (sur Windows), et collez le code.
   

   

5. Enregistrez le fichier au format HTML.
   

   

6. Retournez dans l’interface de chat Coderick AI et téléchargez le fichier HTML depuis votre appareil.
   

   

7. Demandez à Coderick de recréer la page à partir du fichier HTML que vous avez fourni.
   

   

Cas d’utilisation pour la recréation d’un site avec Coderick AI

Quitter d’une plateforme obsolète

Votre site est créé sur un CMS hérité, un ancien builder de pages ou un framework obsolète difficile à maintenir. Dans ce cas, vous pouvez utiliser Reconstruire à partir de l’URL pour transférer votre design et votre contenu existants dans Coderick AI et continuer à partir de là, sans repartir de zéro.

Passer depuis un autre Website Builder

Si vous avez un site sur une autre plateforme de création et que vous souhaitez profiter des outils de vibe-coding de Coderick AI, vous pouvez copier votre site existant en quelques minutes au lieu de le recréer manuellement.

Redessiner un site existant

Vous pouvez utiliser le site existant comme point de départ pour une refonte. Explorez votre site actuel pour en préserver la structure et le contenu, puis utilisez le chat Coderick AI pour moderniser son apparence, ajouter de nouvelles sections ou remplacer certains composants.

Créer des prototypes pour vos clients

Les agences et les freelances peuvent explorer le site existant d’un client pour générer un prototype fonctionnel instantané dans Coderick AI, puis itérer dessus avec le client à l’aide de l’éditeur visuel et du chat.

Créer un site inspiré d’un design de référence

Si vous détenez les droits d’un site web de référence et que vous souhaitez une mise en page similaire pour un nouveau projet, vous pouvez utiliser Reconstruire à partir de l’URL pour reproduire la structure, puis l’ajuster.

Conseils

• Commencez par vos pages les plus importantes : Si votre site possède un sitemap, Coderick l’utilise ; l’ordre dans votre sitemap détermine donc quelles sont les 5 pages copiées.
• Nettoyez après l’analyse : Certains éléments (polices, animations complexes) ne peuvent pas être reproduits. Utilisez le chat pour ajuster tout ce qui semble anormal après la création initiale.
• Affinez le site web en discutant : Ne vous attendez pas à des résultats parfaits dès la migration initiale. Certains éléments peuvent nécessiter des ajustements. Utilisez le chat pour peaufiner le site web migré, modifier des éléments, corriger des bugs, etc.
• Les liens vers des pages non migrées renverront une erreur 404 : C’est normal. Ces pages n’ont tout simplement pas encore été recréées. Ajoutez-les manuellement depuis des captures d’écran ou en demandant à l’AI de les créer de toutes pièces.
• La fonctionnalité est réservée aux nouveaux projets : Si vous souhaitez recréer un site, faites-le avant de commencer votre chat, vous ne pouvez pas déclencher d’exploration à partir d’un projet existant.
• Les intégrations complexes nécessitent une configuration manuelle : Les passerelles de paiement, les formulaires de contact connectés à des services externes et le contenu piloté par base de données doivent être reconnectés ou recréés séparément.