Mettre en ligne un site Lovable (ou Bolt) avec votre nom de domaine

Lovable et Bolt transforment une description en site web ou en application en quelques minutes. La mise en ligne paraît réglée elle aussi : un clic sur Publish et le site répond sur une adresse en lovable.app ou en bolt.host. Pour une entreprise, une association ou un indépendant, il manque pourtant l'essentiel : votre propre nom de domaine, www.votresociete.be, et un hébergeur qui vous envoie une facture en bonne et due forme.

Ce guide présente les deux façons d'y arriver. La première passe par l'outil lui-même. La seconde récupère le code et le confie à un hébergeur, ici VibeDeploy, hébergé en Belgique : pas de VPS à configurer, pas d'accès FTP, un certificat SSL automatique. Dans les deux cas, vous continuez à construire dans Lovable ou dans Bolt.

Ce que Lovable et Bolt proposent déjà

• Lovable permet de publier sur tous ses forfaits, gratuit compris. Le bouton Publish, en haut à droite de l'éditeur, met le site en ligne sur votrenom.lovable.app, en HTTPS, et Lovable confirme par « Your website is live ». Les modifications suivantes ne partent pas toutes seules : il faut cliquer sur Publish, puis sur Publish changes.
• Bolt met automatiquement les projets publiés en ligne sur un domaine bolt.host gratuit.

Pour votre propre nom de domaine, les deux outils posent la même condition. Lovable indique que la connexion d'un nouveau domaine demande un forfait payant ; Bolt, que les domaines personnalisés sont réservés aux forfaits payants. Tous deux vendent aussi des noms de domaine.

Site statique ou serveur : vérifiez d'abord

Avant de choisir, regardez quel type de projet vous avez, car cela décide de l'endroit où il peut tourner :

• Les anciens projets Lovable en React + Vite se compilent en fichiers statiques dans le dossier dist/. Selon Lovable, n'importe quel hébergeur statique peut les servir.
• Les projets Lovable sur TanStack Start, choix par défaut des nouveaux projets depuis le 13 mai 2026, génèrent leurs pages sur un serveur. Lovable est clair : l'hébergeur doit faire tourner un serveur, pas seulement servir des fichiers.

Ouvrez package.json dans l'onglet Code de Lovable ou dans votre dépôt : si @tanstack/react-start figure dans les dépendances, il s'agit d'un projet TanStack Start. Vous pouvez aussi poser la question à Lovable dans le chat. Selon Lovable, les anciens projets continuent de fonctionner, sans conversion.

Pour un projet Bolt, la même logique s'applique : si npm run build produit un dossier de fichiers statiques, souvent dist/, la voie statique fonctionne ; si l'application a besoin d'un serveur pour tourner, il lui faut un conteneur.

L'option 1 fonctionne dans les deux cas. La compilation à chaque push de l'option 2 vaut pour les projets statiques ; pour TanStack Start, voyez la fin de l'option 2.

Option 1 : relier le domaine dans Lovable ou dans Bolt

Si vous restez hébergé chez Lovable, tout se passe dans Project → Settings → Domains :

1. Sous Connect existing domain, cliquez sur Connect domain, saisissez votre domaine, puis cliquez sur Continue.
2. Choisissez Root domain (par exemple votresociete.be) ou Subdomain (par exemple boutique.votresociete.be), puis cliquez sur Connect domain.
3. Laissez Lovable configurer les enregistrements chez votre fournisseur grâce au service Entri, ou choisissez la configuration manuelle et ajoutez :
   • un enregistrement A pour @ (ou le nom du sous-domaine) vers 185.158.133.1 ;
   • un enregistrement TXT nommé _lovable (ou _lovable.boutique pour un sous-domaine), dont la valeur commence par lovable_verify=.
4. Cliquez sur Done, puis sur Complete setup à côté du domaine.

Lovable demande de supprimer les enregistrements AAAA du domaine, qui peuvent perturber la configuration, et prévient que la propagation DNS peut prendre jusqu'à 72 heures, même si la plupart des changements sont actifs en quelques heures. Le certificat SSL suit la vérification. Chez Bolt, l'achat ou la connexion d'un domaine se fait depuis les paramètres du projet, selon la procédure décrite dans son centre d'aide.

Cette option a le mérite de la simplicité : un seul outil, un seul abonnement. Elle suppose en revanche de passer à un forfait payant chez Lovable ou chez Bolt, et l'hébergement reste chez eux.

Option 2 : récupérer le code et l'héberger en Belgique

Ici, Lovable ou Bolt reste votre atelier, et l'hébergement change de mains. Chez Lovable, la synchronisation GitHub est disponible sur tous les forfaits : vous pouvez donc garder le forfait gratuit et avoir quand même votre nom de domaine. L'étape 2 décrit la voie statique ; un projet TanStack Start est traité après l'étape 3.

Étape 1 : récupérer le code

Depuis Lovable. Ouvrez Project settings → Git → GitHub (ou Project → GitHub dans le menu du chat) et cliquez sur Connect. Lovable crée un dépôt et synchronise dans les deux sens : ce que vous changez dans Lovable arrive sur GitHub, et ce qui est poussé sur la branche active revient dans Lovable. Sur les forfaits payants, Download codebase (dans Project settings → Git) télécharge aussi le code sans passer par GitHub.

Depuis Bolt. Cliquez sur l'icône GitHub en haut à droite du projet, connectez votre compte GitHub et installez l'application GitHub de Bolt. Ensuite, chaque modification qui ne casse pas le projet devient un commit. Pour une simple copie, cliquez sur le titre du projet en haut à gauche, puis sur Export > Download : vous obtenez une archive ZIP.

Étape 2 : mettre le site en ligne

Avec GitHub (recommandé). Créez un compte VibeDeploy, puis un site avec la méthode Depuis GitHub. VibeDeploy demande un jeton d'accès personnel GitHub (personal access token) avec le droit repo ; un bouton ouvre la bonne page de github.com, case déjà cochée. Choisissez ensuite le dépôt et la branche, en général main.

VibeDeploy compile alors le projet dans un conteneur isolé : installation des paquets, puis npm run build. Il publie le dossier produit (dist/, build/, out/ ou public/) et installe un webhook sur le dépôt, si bien que chaque push sur la branche relance la compilation. Comme Lovable et Bolt envoient leurs modifications vers GitHub, votre site suit sans que vous ayez à intervenir. VibeDeploy compile avec ce qui se trouve dans le dépôt : si l'application utilise Lovable Cloud, vérifiez que le fichier .env avec VITE_SUPABASE_URL et VITE_SUPABASE_PUBLISHABLE_KEY y figure, car Lovable précise que les variables qui commencent par VITE_ sont intégrées au moment du build.

Avec le dossier dist. Décompressez l'export si besoin, ouvrez un terminal dans le dossier (Node.js doit être installé), puis compilez :

npm install
npm run build

Glissez ensuite le dossier dist/ dans le tableau de bord, avec la méthode d'import de fichiers. Une archive ZIP ou un simple fichier HTML conviennent aussi. Un projet non compilé, c'est-à-dire avec un package.json mais sans dossier de build, est refusé : il ne contient encore rien qu'un navigateur puisse afficher. Une trentaine de secondes après l'import, le site répond en HTTPS sur une adresse comme votresite.vibedeploy.be.

Étape 3 : relier votre nom de domaine

1. Dans le tableau de bord, ouvrez Adresses web, saisissez votre domaine sous Utiliser votre propre domaine et choisissez le site. Après un clic sur « Relier ! », le tableau de bord affiche les enregistrements à créer.
2. Chez votre registrar, ajoutez les enregistrements affichés :
   • un TXT nommé _vibedeploy.votresociete.be, dont la valeur commence par vibedeploy-verify= : c'est la preuve que le domaine vous appartient ;
   • pour www ou un autre sous-domaine, un CNAME vers proxy.vibedeploy.be ;
   • pour le domaine racine, un ALIAS ou ANAME vers proxy.vibedeploy.be ou, si votre fournisseur ne le propose pas, un A vers l'adresse IP indiquée dans le tableau de bord.
3. Cliquez sur Vérifier. Une fois la vérification réussie, le certificat SSL est configuré automatiquement.

Si vous reliez le domaine racine, le tableau de bord propose aussi un enregistrement pour que www.votresociete.be mène à votresociete.be. Pendant l'essai de 14 jours, vous pouvez déjà relier un domaine que vous possédez. L'achat d'un domaine via VibeDeploy demande un forfait payant ; les enregistrements DNS sont alors configurés pour vous.

Projet Lovable sur TanStack Start : le serveur en conteneur

Une application TanStack Start a besoin d'un serveur qui tourne : importer dist/ ou compiler en statique à chaque push ne donne pas de site fonctionnel. Pour l'héberger hors de Lovable, la documentation de Lovable indique de la compiler avec NITRO_PRESET=node-server npm run build, puis de la démarrer avec node .output/server/index.mjs sous Node.js 22 ; le serveur écoute alors sur le port 3000.

Chez VibeDeploy, ce serveur tourne comme conteneur à côté du site. Connectez VibeDeploy en MCP à un assistant IA qui a accès à votre projet, par exemple Claude Code dans le dossier du dépôt (voir le serveur MCP de VibeDeploy), et demandez-lui de lancer l'application avec l'outil deploy_app. Les clés dont le serveur a besoin, comme SUPABASE_URL et SUPABASE_PUBLISHABLE_KEY pour Lovable Cloud, se saisissent dans le tableau de bord, onglet Paramètres du site, bloc Secrets, jamais dans le chat. Différence avec la voie statique : votre IA remet les nouvelles versions en ligne via MCP, sans compilation automatique à chaque push. Le nom de domaine se relie comme à l'étape 3, et les limites des conteneurs figurent plus bas, dans la partie sur l'hébergement en Belgique.

Chez votre registrar : les étapes DNS

Chaque registrar, c'est-à-dire le bureau d'enregistrement auprès duquel vous avez acheté le domaine, a son interface, mais la démarche reste la même :

1. Connectez-vous et ouvrez la gestion DNS du domaine, parfois appelée zone DNS.
2. Repérez les enregistrements existants pour @ et www. Supprimez ou remplacez les anciens A, AAAA ou CNAME qui pointent vers un autre hébergeur : deux enregistrements contradictoires donnent des résultats aléatoires.
3. Ajoutez les nouveaux enregistrements exactement tels qu'ils sont affichés. Selon le fournisseur, le champ du nom attend @, rien du tout, le domaine complet ou seulement le préfixe, comme le rappelle la documentation de Lovable. Si votre fournisseur ne demande que la partie située avant le domaine, saisissez _vibedeploy et non _vibedeploy.votresociete.be.
4. Enregistrez, patientez quelques minutes, puis lancez la vérification. Si elle échoue, réessayez plus tard : la propagation peut prendre plusieurs heures.

Pour voir ce que le reste d'Internet voit déjà, tapez dans un terminal :

nslookup -type=TXT _vibedeploy.votresociete.be

Les pièges les plus fréquents

• Le proxy de Cloudflare. Si votre DNS est géré chez Cloudflare, passez les enregistrements du site en DNS only (nuage gris) plutôt qu'en Proxied (nuage orange). Lovable explique que les erreurs 1001 et 1003 viennent du proxy de Cloudflare et non de Lovable. Chez VibeDeploy aussi, le domaine doit pointer directement vers proxy.vibedeploy.be pour être vérifié.
• Un projet non compilé. Le code source n'est pas le site. Sans npm run build, l'import manuel est refusé ; avec GitHub, VibeDeploy compile pour vous.
• La base de données intégrée. Si l'application s'appuie sur Lovable Cloud (base de données, connexion des utilisateurs, stockage, fonctions), cette partie peut rester chez Lovable : seul le site change d'hébergeur. Testez la connexion et le chargement des données sur la nouvelle adresse avant de basculer votre domaine. Si vos utilisateurs se connectent avec Google ou un autre fournisseur, ajoutez le nouveau domaine aux URL de redirection autorisées, comme le recommande Lovable. Pour Bolt Database, le centre d'aide de Bolt ne précise pas si la base reste utilisable depuis un autre hébergeur ; il indique en revanche que la base d'un projet non publié peut être mise en pause automatiquement après six jours de faible activité. Vérifiez ces deux points avant de déplacer un projet Bolt.
• L'ancienne adresse reste en ligne. Votre adresse lovable.app reste chez Lovable et continue d'afficher la dernière version publiée là-bas. Orientez donc vos visiteurs vers votre propre domaine.
• Un domaine, deux hébergeurs. Choisissez. Si votre DNS pointe vers VibeDeploy, déconnectez le domaine dans Lovable, ce que Lovable permet sur tous les forfaits.
• Un formulaire sans destinataire. Un site statique n'a pas de serveur pour recevoir les formulaires. Le relais de formulaires de VibeDeploy transmet chaque message par e-mail ; un assistant IA connecté à VibeDeploy, Claude par exemple, l'active pour vous.

Pourquoi un hébergement en Belgique

• Un cluster en Belgique. VibeDeploy fonctionne sur son propre cluster Kubernetes en Belgique, exploité par Tnet Comm.V, une société belge établie à Diest. Ses huit sous-traitants sont publiés sur la page des sous-traitants.
• Un DPA inclus. Un accord de traitement des données (DPA) accompagne chaque forfait payant.
• Des versions à restaurer. Chaque déploiement est conservé comme version, avec un point de restauration avant chaque mise en ligne. En cas de problème, vous revenez à la version précédente en un clic dans l'onglet Historique du site, dans la fenêtre de restauration de votre forfait : 3 jours pendant l'essai et sur Solo et Maker, 7 jours sur Studio, 30 jours sur Business.
• Plus qu'un site statique. Les sites statiques et les applications monopage sont servis directement. Un site peut aussi faire tourner des conteneurs à côté de lui (votre propre serveur, Postgres, MySQL, Redis ou des workers ; jusqu'à 6 services, avec 2 CPU et 2 Gio de mémoire au total), déployés par votre IA avec l'outil MCP deploy_app et isolés avec gVisor. Les données des conteneurs ne sont pas encore incluses dans les instantanés.
• Des sites privés. À partir de Maker, un site peut être protégé par un mot de passe ou réservé à vous seul, pratique pour montrer un projet à un client avant son lancement.
• En toute transparence. Une seule région, en Belgique, et pas de réseau edge mondial.

Combien ça coûte

L'essai de 14 jours ne demande pas de carte bancaire et comprend un site, auquel vous pouvez relier un domaine qui vous appartient déjà. Ensuite :

Les prix s'entendent TVA comprise lorsqu'elle s'applique. Pour les clients belges, la TVA belge de 21 % est incluse. Les particuliers d'un autre pays de l'UE paient le même prix, avec la TVA de leur pays sur la facture ; les entreprises établies dans un autre pays de l'UE et disposant d'un numéro de TVA valide sont facturées en autoliquidation. La facture est émise par Tnet Comm.V (BE0770401120, Waterbosstraat 39, 3290 Diest). Paiement par Bancontact, carte et autres moyens.

Sans forfait à la fin de l'essai, le site passe hors ligne, mais le compte et les fichiers sont conservés 30 jours : choisissez un forfait dans ce délai et le site revient à la même adresse. Tous les détails figurent sur la page des tarifs, et les équipes plus grandes trouveront l'offre Business. Des guides plus détaillés existent en anglais : Lovable, Bolt et l'export d'un projet Bolt.

Sources

• Documentation Lovable, Set up a custom domain : forfait payant, étapes dans Project → Settings → Domains, enregistrements A et TXT, AAAA, Cloudflare, délais DNS, déconnexion sur tous les forfaits, achat de domaines. Consulté le 13 octobre 2026.
• Documentation Lovable, Publish your Lovable project : publication sur tous les forfaits, adresse lovable.app, Publish changes. Consulté le 13 octobre 2026.
• Documentation Lovable, Sync your Lovable project with GitHub : connexion, synchronisation dans les deux sens, disponibilité sur tous les forfaits, Download codebase sur les forfaits payants. Consulté le 13 octobre 2026.
• Documentation Lovable, Lovable Cloud : la base de données, la connexion des utilisateurs et les fonctions intégrées. Consulté le 13 octobre 2026.
• Documentation Lovable, Deploying and hosting outside Lovable : React + Vite et TanStack Start, package.json, compilation serveur de TanStack Start, variables VITE_, Lovable Cloud et URL de redirection après un déménagement, adresse lovable.app. Consulté le 13 octobre 2026.
• Documentation Lovable, Upgrade a project to TanStack Start : TanStack Start par défaut pour les nouveaux projets depuis le 13 mai 2026, les anciens projets continuent de fonctionner. Consulté le 13 octobre 2026.
• Centre d'aide Bolt, Domains : domaines personnalisés sur les forfaits payants, domaine bolt.host gratuit, achat et connexion depuis les paramètres du projet. Consulté le 13 octobre 2026.
• Centre d'aide Bolt, Manage your projects : Export > Download, archive ZIP, Node.js et npm install. Consulté le 13 octobre 2026.
• Centre d'aide Bolt, GitHub for version control : icône GitHub, application GitHub, commits automatiques. Consulté le 13 octobre 2026.
• Centre d'aide Bolt, Database : Bolt Database, mise en pause automatique de la base d'un projet non publié après six jours de faible activité. Consulté le 13 octobre 2026.