Comment reconstruire un site Lovable avec l'IA

Introduction

Lovable peut créer un site simple en quelques minutes, mais finaliser un site peut s'avérer difficile. La plupart des sites ont besoin de plusieurs pages, de textes soignés, d'images et d'une longue liste de petits ajustements. Lovable vous donne une base que vous devez ensuite développer et peaufiner vous-même, le tout dans les limites d'un budget de crédits strict.

Plutôt que de finaliser votre site dans Lovable, vous pouvez migrer vers un autre outil plus adapté aux sites web. Dans ce guide, je vais vous montrer comment finaliser votre site dans une plateforme IA appelée Repaint.

Pourquoi Repaint

Repaint est une plateforme IA optimisée pour la création de sites web. Le concept de base est similaire à Lovable : vous décrivez ce que vous voulez et l'IA le construit. Mais quelques différences rendent Repaint plus performant pour créer des sites web marketing :

• Il est conçu pour les personnes qui ne codent pas. Repaint ne vous montre jamais de code. Le stockage des données, les paiements, les comptes clients et les e-mails sont intégrés, sans avoir à connecter des outils de développement comme Supabase ou GitHub.
• Il construit des sites entiers, pas des ébauches. Repaint planifie et génère l’intégralité de votre site en une fois, avec un style cohérent sur toutes les pages, au lieu de vous donner une structure à terminer vous-même.
• Il facilite l’importation de contenu. Repaint dispose d’outils dédiés pour récupérer le contenu de sites existants. Vous pouvez ainsi refaire un site sans tout transférer manuellement.

Comment fonctionne la migration hors de Lovable

La façon la plus simple de quitter Lovable est de fournir à Repaint l'URL de votre site en ligne. Repaint visite votre site en ligne comme le ferait un visiteur, lit vos textes, télécharge vos images, et les utilise pour reconstruire le site. Cela fonctionne même avec le forfait gratuit de Lovable, puisqu'il suffit d'avoir un site en ligne.

L'autre option consiste à exporter votre code depuis Lovable et à l'importer dans Repaint. Cela permet à Repaint d'utiliser l'original de manière plus exacte, car il n'a pas à deviner lorsqu'il le recrée. Mais l'export complet du code nécessite également un forfait Lovable premium.

Dans les deux cas, vous obtiendrez un site complet que vous pourrez modifier avec l'IA. Une fois satisfait du nouveau site, vous pouvez 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. Partager l'URL du site en ligne
2. Exporter votre code depuis Lovable et l'importer dans Repaint

Nous recommandons la seconde option si vous avez Lovable premium et que vous voulez que le nouveau site ressemble exactement à l'original. Si vous prévoyez de toute façon de redesigner le site, exporter le code est superflu et il est plus simple de partager l'URL en ligne avec Repaint.

Importer depuis une URL

Repaint peut redesigner n'importe quel site web accessible publiquement sur internet. Lovable publiait autrefois automatiquement chaque projet, mais ce n'est plus le cas. Vous devez publier depuis Lovable avant d'essayer de l'importer. Vous devriez obtenir une URL ressemblant à https://brave-mango-spark.lovable.app/

Commencez par ouvrir votre site dans Lovable. Puis :

1. Cliquez sur Publier et copiez l'URL
2. Rendez-vous sur Repaint, collez l'URL et validez
3. Créez votre compte Repaint

Importer en tant que code

Si vous avez Lovable premium, vous pouvez exporter votre code directement depuis l'éditeur Lovable. Plutôt que de le faire fichier par fichier, vous pouvez récupérer l'ensemble du site sous forme de fichier .zip et le donner à Repaint.

Commencez par ouvrir votre site dans Lovable. Puis :

1. Exportez votre code sous forme de .zip
2. Rendez-vous sur Repaint et créez votre compte
3. Téléversez le .zip et validez

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.

Pendant que Repaint reconstruit votre site, c'est le bon moment pour expérimenter avec le style afin de 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. Lovable ne propose généralement qu'un seul style coûteux à faire évoluer, si bien que la plupart des gens ne s'éloignent jamais vraiment du design d'origine qu'ils ont 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 Lovable, 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 Lovable 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 vous demandez à Repaint de redesigner votre site Lovable, il y aura simplement beaucoup de nouveau contenu à examiner.

Le flux de travail d'édition est exactement comme celui de Lovable ; vous pouvez modifier tout ce qui se trouve sur votre site en discutant avec l'IA : "Ajoute une page de contact." "Ajoute une galerie d'images avec trois images carrées." "Supprime la bannière du haut annonçant notre événement."

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 Lovable recevait du trafic de recherche, il vaut la peine de prêter attention au SEO lors de 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 Lovable 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 dans le coin supérieur droit. Votre site est mis en ligne sur une URL Repaint que vous pouvez partager avec n'importe qui.

À ce stade, vous avez deux sites en ligne : un sur Repaint, et un sur Lovable. Si vous avez un domaine personnalisé, il pointe toujours vers votre site Lovable, donc rien n'a changé pour vos visiteurs pour le moment. 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 officiellement le changement, il vous suffit de faire pointer votre domaine vers le nouveau site Repaint. Pour le faire dans Repaint, vous demandez simplement à l'IA de connecter votre domaine. Elle vous fournira des enregistrements DNS à ajouter. Les domaines personnalisés sont compris dans l'essai gratuit et dans toutes les offres payantes ; vous pouvez voir les détails des tarifs ici.

Votre domaine est distinct de votre site Lovable. 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 Lovable.

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 Lovable premium pour l'hébergement ou l'édition. Vous pouvez annuler votre abonnement Lovable à tout moment.

Conclusion

Quand vous vous heurtez à un mur dans Lovable, vous n'avez pas à abandonner votre travail. Repaint est une plateforme similaire, optimisée pour la création de sites web marketing. Il vous suffit de partager votre URL en ligne pour qu'il importe votre site et vous permette d'apporter des modifications en discutant avec l'IA. Et comme votre site reste en ligne tout du long, vous n'avez rien à perdre à l'essayer.

Questions fréquentes

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

Lovable est conçu autour du code. Vous pouvez le consulter et l’exporter, et connecter des outils de développement comme Supabase et GitHub pour ajouter des fonctionnalités. Cela convient aux personnes à l’aise avec ce type de configuration. Repaint s’adresse aux 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 n’avez donc pas besoin de configurer ou de payer d’autres outils.

La migration va-t-elle épuiser mes crédits Lovable ?

Non. Si vous importez en partageant votre URL en ligne, Repaint visite simplement votre site publié comme n'importe quel visiteur. Il ne touche jamais à votre compte Lovable, cela ne coûte donc aucun crédit Lovable. Le seul cas où Lovable est impliqué est la voie de l'export de code, et même là, vous ne faites que télécharger des fichiers que vous possédez déjà. La migration s'appuie sur le quota d'utilisation de Repaint, pas sur celui de Lovable.

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

Pour la voie la plus simple, non. L'import depuis votre URL en ligne nécessite uniquement que votre site soit publié, ce qui fonctionne avec le forfait gratuit de Lovable. Vous n'auriez besoin d'un forfait Lovable payant que si vous voulez exporter l'intégralité de votre code pour une reconstruction plus exacte. Si vous redesignez de toute façon, vous pouvez ignorer l'export de code et simplement partager votre URL. Certaines personnes synchronisent aussi leur projet Lovable avec GitHub pour récupérer le code de cette manière, bien que la disponibilité dépende de votre forfait Lovable.

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

Rien n'arrive à votre site Lovable. Les deux sont totalement distincts. Tout ce que vous faites, c'est construire un nouveau site dans Repaint, pendant que votre site Lovable reste en ligne et intact. Une fois satisfait de la version Repaint, vous pouvez faire pointer votre domaine vers elle. Ou si vous décidez de rester sur Lovable, vous n'avez rien à faire. À aucun moment vous n'êtes forcé d'abandonner l'original.

Et si mon projet Lovable 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.

Ne vais-je pas simplement atteindre les mêmes limites dans Repaint que dans Lovable ?

Repaint a aussi des limites d’utilisation, mais elles fonctionnent davantage comme celles de ChatGPT ou Claude. Vous disposez d’un quota hebdomadaire renouvelé tous les 7 jours, plutôt que d’une réserve mensuelle de crédits. Si vous approchez de la limite, votre projet n’est donc pas bloqué pour le reste du mois. L’essai de 14 jours vous permet de voir jusqu’où ce quota vous mène pour votre site avant de choisir une offre payante.

Repaint peut-il reproduire exactement mon design Lovable ?

Cela dépend de la façon dont vous importez. Si vous exportez votre code et donnez la source à Repaint, il peut s'en approcher de très près, puisqu'il travaille à partir de l'original plutôt qu'en devinant. Si vous importez depuis votre URL en ligne, Repaint recrée le design à partir de ce qu'il peut voir. Il ressemblera clairement à votre site, mais attendez-vous à quelques différences visibles que vous voudrez corriger, d'autant plus si le design d'origine est complexe. 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 pour planifier, importer votre contenu et générer le nouveau site. Les sites plus grands avec beaucoup de pages ou beaucoup de contenu à analyser 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 Lovable 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. C'est un moyen peu contraignant de vérifier si Repaint convient à votre activité. Une fois satisfait du résultat, 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 Repaint utilise les mêmes URL et largement le même contenu que l'ancien. Si vous importez votre code directement, les choses restent généralement alignées. Vous pouvez aussi 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 ouvrir l'historique des versions et restaurer vous-même une version antérieure. Rien n'est permanent, vous pouvez donc expérimenter en toute sécurité et revenir en arrière si le résultat ne vous plaît pas.