Comment reconstruire un site Replit avec l'IA

Introduction

Replit peut techniquement créer des sites web marketing, mais il est surtout conçu pour développer des applications avec l'IA. La plateforme propose un environnement de développement cloud, des bases de données, des déploiements, un shell, du contrôle de version et la gestion des secrets, tout ce qu'il faut pour en faire un très bon outil de création d'applications. Mais si vous créez un site simple, c'est excessif. Vous n'avez pas besoin d'un outil complexe et technique.

Au lieu de bricoler votre site dans Replit, vous pouvez migrer vers un autre outil plus adapté aux sites web. Dans ce guide, je vais vous montrer comment déplacer votre site vers une plateforme IA appelée Repaint.

Pourquoi Repaint

Repaint est une plateforme d’IA qui permet de créer des sites web et des applications sans gérer de code. Le principe ressemble à celui de Replit : vous décrivez ce que vous souhaitez et l’IA le construit. Quelques différences facilitent son utilisation pour les personnes qui ne codent pas :

• Il est moins technique. Vous n’avez pas à gérer de fichiers de code, de terminal ni de paramètres de déploiement. Le stockage des données, les paiements et les comptes clients sont intégrés, et vous pouvez tout gérer en discutant avec l’IA.
• Il construit des sites entiers, pas du code brut. Repaint est conçu pour créer des sites complets, plutôt que de petits exemples sur demande. Il vous aide à organiser votre site et le construit efficacement.
• Il facilite l’importation de contenu. Repaint dispose d’outils dédiés pour récupérer le contenu et le style de sites existants. Vous pouvez ainsi migrer votre contenu sans tout déplacer manuellement.

Comment fonctionne la migration depuis Replit

Il existe deux façons de déplacer votre site dans Repaint : vous pouvez importer votre code, ou partager l'URL. Exporter votre code depuis Replit puis le téléverser dans Repaint est le meilleur moyen de reproduire exactement l'original. Mais si vous comptez de toute façon redesigner votre site, il est plus simple de coller directement l'URL de votre site en ligne dans Repaint.

Dans les deux cas, vous obtiendrez un site complet que vous pourrez modifier en discutant avec l'IA. Une fois satisfait du résultat, vous pourrez le publier directement depuis Repaint et connecter un domaine personnalisé.

Étape 1 : Importer votre contenu

Il existe deux façons d'importer votre contenu dans Repaint :

1. Exporter votre code depuis Replit et l'importer dans Repaint
2. Partager l'URL du site en ligne

Nous recommandons à la plupart des gens d'exporter leur code, puisqu'il se trouve déjà dans Replit, et parce que cela donne à Repaint beaucoup plus de contexte pour copier l'original. Quand Repaint reconstruit un site à partir d'une URL, le résultat s'éloigne légèrement de l'original. Cela dit, si vous prévoyez de redesigner le site de toute façon, exporter le code est superflu et il est plus simple de partager l'URL en ligne.

Importer en tant que code

Exporter votre code dans Replit n'est pas évident, car il n'y a pas de gros bouton "Export". Pour exporter, vous pouvez suivre ces étapes :

1. Ouvrez votre projet dans Replit
2. Ouvrez le panneau latéral droit
3. Cliquez sur file tree
4. Ouvrez le menu avec les points de suspension (⋮)
5. Choisissez de télécharger votre projet au format .zip
6. Rendez-vous sur Repaint et créez votre compte
7. Téléversez le .zip et validez

Importer depuis une URL

Repaint peut redesigner n'importe quel site web accessible publiquement sur internet. Pour que cela fonctionne, votre application Replit doit être en ligne et publiée. Point à surveiller : avec le forfait gratuit Starter de Replit, les applications publiées passent hors ligne après 30 jours, donc assurez-vous que la vôtre est bien disponible au moment de l'import. Une URL de déploiement Replit ressemble à https://your-app.replit.app.

Commencez par ouvrir votre application publiée dans Replit. Puis :

1. Copiez votre URL de déploiement
2. Rendez-vous sur Repaint, collez l'URL et validez
3. Créez votre compte Repaint

Dans les deux cas, cela lance le processus de création du site. Repaint va analyser votre site, copier les textes et les images, et prendre des captures d'écran de chaque page pour comprendre le design. À partir de là, il vous suffit de discuter avec Repaint pour finaliser le processus.

Étape 2 : Planifier votre nouveau site

Repaint est capable de copier l'original, de le redesigner entièrement, ou de faire quelque chose entre les deux. Avant de commencer à construire votre site, il vous posera quelques questions pour comprendre ce que vous recherchez.

Puisque vous reconstruisez déjà votre site, c'est le bon moment pour expérimenter avec le style et voir s'il y a autre chose que vous aimeriez essayer. Vous pouvez demander à Repaint de générer des échantillons de style parmi lesquels choisir, afin de ne pas rester bloqué sur le premier rendu obtenu.

Nous avons une collection d'exemples de sites web organisés par secteur d'activité si vous souhaitez comparer davantage de styles. Chacun peut servir de référence en complément des échantillons générés par Repaint.

Importer du contenu

Si vous avez d'autres informations à inclure, partagez-les maintenant. Repaint peut utiliser des informations provenant d'autres sites web, de fiches Google Business, de PDF ou d'autres fichiers, et d'images. Plus il en apprend avant de construire le site, moins vous aurez à peaufiner par la suite.

Si vous avez plusieurs sites sources, comme un ancien site en plus de celui de Replit, donnez-les tous les deux à Repaint. Il peut utiliser l'ancien site pour les informations à transférer, et le nouveau comme guide de style. En cas de doute, partagez beaucoup d'informations et laissez Repaint déterminer comment les utiliser.

Une fois que vous et Repaint êtes d'accord sur le plan, il construira votre nouveau site !

Étape 3 : Générer votre site

Repaint passe généralement quelques minutes à construire la première version de votre site. La durée exacte varie selon la quantité de contenu à migrer et la taille du nouveau site. Un grand site avec des dizaines de pages peut prendre plus de dix minutes.

Une fois terminé, Repaint ouvrira automatiquement un aperçu de votre nouveau site. La première version présente généralement quelques imperfections : du texte tronqué, des images mal placées, ou un espacement légèrement décalé. C'est normal. Vous pouvez corriger tout ce qui ne va pas en discutant avec l'IA.

Si votre projet Replit comprend des fonctionnalités comme des comptes utilisateurs ou une base de données, Repaint peut aussi les reconstruire. Comme ces éléments ne sont pas visibles sur votre site en ligne, il est utile d’expliquer comment ils doivent fonctionner. Vous pourrez ensuite les tester lorsque vous examinerez la nouvelle version.

Étape 4 : Effectuer des ajustements

Après la génération de votre site, il peut rester quelques petits défauts à corriger. Repaint traduit votre site dans son propre format, il est donc possible que certains détails se perdent dans la traduction. Ou si Repaint a redesigné votre site Replit, il y aura beaucoup de nouveau contenu à examiner.

Le flux de travail d'édition reprend la même idée que l'agent de Replit, mais en plus simple : vous modifiez n'importe quel élément de votre site en discutant avec l'IA. "Ajoute une page équipe." "Ajoute un carrousel de témoignages avec des photos de profil." "Passe la palette de couleurs en mode sombre."

Commencez par évaluer le style visuel. Assurez-vous que les couleurs, les polices et les mises en page sont toutes réussies. Votre style visuel établit des modèles que l'IA utilisera naturellement pour tout nouveau contenu qu'elle crée, alors le peaufiner tôt est plus rapide que de le faire après avoir construit des dizaines de pages.

Une fois le style à votre goût, vous pouvez parcourir le contenu et vous assurer que les textes sont exacts, que les images sont bien placées, que les liens fonctionnent, et que tout s'affiche correctement sur mobile.

Vérifier le contenu SEO

Si votre site Replit recevait du trafic de recherche, il vaut la peine de prêter attention au SEO pendant votre migration. Nous avons un guide complet sur le SEO lors d'une refonte de site si vous souhaitez en savoir plus. De manière générale, vous voulez simplement vous assurer que le nouveau site a les mêmes URL de pages, avec le même contenu.

Google établit des classements pour les pages individuelles de votre site, liés à leurs URL. Si vous passez à une nouvelle plateforme et que ces URL changent ou disparaissent, Google les traite comme de nouvelles pages sans historique, et vous perdez le trafic qu'elles généraient. Et si vous modifiez le contenu, Google pourrait décider que les nouvelles versions ne sont plus pertinentes pour les requêtes de recherche et cesser de les classer.

Vous pouvez demander à Repaint de comparer les URL de votre nouveau site avec celles du site Replit pour repérer d'éventuelles différences. Si vous avez importé le code directement, il est probable que rien n'ait changé. Mais s'il y a quoi que ce soit de modifié ou de manquant, Repaint peut vous aider à le corriger, à condition de le lui demander.

Lorsque votre site est réussi et que le contenu est correct, vous êtes prêt à publier.

Étape 5 : Publier votre site

Quand vous êtes prêt à publier votre nouveau site, ouvrez votre projet Repaint et cliquez sur Publier en haut à droite. Votre site sera mis en ligne à une URL Repaint que vous pourrez partager avec qui vous voulez.

À ce stade, vous avez deux sites en ligne : un sur Repaint, et un sur Replit. Si vous avez un domaine personnalisé, il pointe toujours vers votre site Replit, donc rien n'a encore changé pour vos visiteurs. Quand vous serez prêt à effectuer le changement, vous pourrez transférer votre domaine.

Étape 6 : Transférer votre domaine

Quand vous êtes prêt à effectuer le changement, il vous suffit de faire pointer votre domaine vers le nouveau site Repaint. Pour cela, demandez à l’IA de connecter votre domaine. Elle vous indiquera les enregistrements DNS à ajouter. Les domaines personnalisés sont compris dans l’essai gratuit et dans toutes les offres payantes ; vous trouverez les détails des tarifs ici.

Votre domaine est distinct de votre site Replit. Il est probablement enregistré auprès d'un fournisseur de domaine distinct comme GoDaddy, Namecheap ou Cloudflare. Dans tous les cas, votre domaine devrait rester sur cette plateforme. Vous n'avez pas besoin de le déplacer. Vous devez simplement mettre à jour les paramètres pour que votre domaine pointe vers votre nouveau site Repaint au lieu de celui de Replit.

Ne vous inquiétez pas si vous n'avez jamais géré de paramètres DNS auparavant. Repaint peut vous guider pas à pas. Il peut vous donner des instructions personnalisées selon votre fournisseur. Les modifications DNS peuvent prendre 20 minutes ou plus pour prendre effet. Une fois les enregistrements DNS définis, vous pouvez demander à Repaint de vérifier vos enregistrements en ligne pour voir si la propagation a réussi. Une fois qu'il confirme que tout est correctement configuré, c'est terminé.

Après avoir transféré votre domaine, vous n'avez plus besoin d'un forfait Replit payant pour l'hébergement. Vous pouvez annuler votre abonnement Replit à tout moment.

Conclusion

Replit est un outil puissant, mais si tout ce que vous voulez est un site web marketing, il est plus complet que nécessaire. Repaint est une plateforme similaire, beaucoup plus centrée sur la création de sites web. Vous pouvez importer votre site en exportant votre code, puis apporter des modifications en discutant avec l'IA. Et comme votre site Replit reste en ligne tout du long, vous n'avez rien à perdre à l'essayer.

Questions fréquentes

Pourquoi quitter Replit si Repaint est aussi un créateur IA ?

Replit est un environnement de développement complet, avec des fichiers de code, un terminal et des paramètres de déploiement. Repaint est conçu pour les personnes qui ne codent pas. Il ne vous montre jamais de code, et le stockage des données, les paiements, les comptes clients et les e-mails sont intégrés. Vous pouvez ainsi tout créer et gérer en discutant avec l’IA.

Replit est-il excessif pour un simple site web marketing ?

Pour beaucoup de gens, oui. Replit expose des bases de données, des déploiements, des secrets, du contrôle de version et un shell, et l'IA a tendance à parler en termes de builds et de code. Tout cela est utile si vous créez un logiciel, mais pour une poignée de pages marketing, c'est surtout un obstacle.

La migration utilisera-t-elle mes crédits Replit ?

Non. L'import depuis votre URL en ligne visite simplement votre site publié comme le ferait n'importe quel visiteur, donc il ne touche jamais à votre compte Replit et ne coûte aucun crédit. Exporter votre code est gratuit aussi, puisque vous ne faites que télécharger des fichiers que vous possédez déjà. La migration s'appuie sur l'utilisation de Repaint, pas sur celle de Replit.

Ai-je besoin d'un forfait Replit payant pour migrer ?

Non. Les deux méthodes d'import fonctionnent avec le forfait gratuit Starter de Replit. Le seul point à retenir : avec le forfait gratuit, les applications publiées passent hors ligne après 30 jours, donc assurez-vous que votre site est en ligne lorsque vous l'importez.

Qu'advient-il de mon site Replit pendant la migration ? Puis-je garder les deux ?

Rien n'arrive à votre site Replit. Les deux sont totalement distincts, donc votre projet Replit reste en ligne et intact pendant que vous construisez le nouveau. Une fois satisfait de la version Repaint, vous pouvez faire pointer votre domaine vers elle. Si vous préférez rester sur Replit, vous n'avez rien à faire.

Et si mon projet Replit est une application complète avec une base de données et des connexions, pas seulement un site marketing ?

Repaint peut reconstruire des applications avec des bases de données, des comptes utilisateurs, des paiements et une logique personnalisée. Vous pouvez importer votre code exporté pour que Repaint comprenne comment tout fonctionne et expliquer le reste dans le chat. Si vous souhaitez aussi récupérer vos données existantes, vous pouvez importer une exportation de celles-ci.

Repaint peut-il reproduire exactement mon design Replit ?

Cela dépend de la façon dont vous importez. Si vous exportez votre code, Repaint travaille à partir de l'original et peut s'en approcher de très près. Si vous importez depuis votre URL en ligne, il recrée le design à partir de ce qu'il peut voir. Il ressemblera donc clairement à votre site, mais il y aura quelques écarts à corriger. Dans les deux cas, vous pouvez ajuster finement n'importe quoi en discutant avec l'IA.

Combien de temps prend la migration ?

La première construction prend généralement quelques minutes, même si les sites plus grands avec de nombreuses pages peuvent prendre dix minutes ou plus. Ensuite, le délai avant publication dépend du nombre d'ajustements que vous souhaitez effectuer. La plupart des sites peuvent être migrés et peaufinés en quelques heures.

Combien coûte la migration de Replit vers Repaint ?

Vous pouvez essayer Repaint gratuitement pendant 14 jours, notamment pour créer, modifier et publier un site, ainsi que connecter un domaine personnalisé. Les offres payantes commencent à 25 $ par mois et comprennent l’hébergement et une quantité d’utilisation hebdomadaire de l’IA.

À la fin de l’essai, votre espace de travail est mis en pause jusqu’à ce que vous souscriviez une offre payante. Votre travail reste enregistré et vous pouvez le réactiver à tout moment. Consultez notre page des tarifs pour en savoir plus.

Puis-je migrer une seule page pour essayer d'abord ?

Oui. Vous pouvez importer une seule page pour voir le résultat avant de vous engager sur l'ensemble du site. Une fois satisfait de ce que vous voyez, vous pouvez demander à Repaint de construire le reste.

Vais-je perdre mes classements de recherche lors de la migration ?

Pas si vous gardez vos URL et votre contenu cohérents. Google lie les classements aux URL de pages individuelles, l'objectif est donc que votre nouveau site réutilise les mêmes URL et largement le même contenu. Vous pouvez demander à Repaint de comparer vos nouvelles URL avec celles de l'original et de corriger les écarts. Vous trouverez plus de détails dans notre guide pour préserver le SEO lorsque vous importez un site.

Que se passe-t-il quand l'IA fait une erreur ? Puis-je annuler des modifications ?

Oui. Repaint sauvegarde une version de votre site à chaque modification. Si quelque chose ne va pas, vous pouvez lui demander de revenir en arrière, ou restaurer vous-même une version antérieure depuis l'historique des versions. Rien n'est permanent, vous pouvez donc expérimenter en toute sécurité.