Comment héberger votre site Lovable
Lovable génère une application React/Vite. Pour l’héberger où vous voulez, vous la compilez d’abord en fichiers statiques, puis vous publiez ce résultat. SiteDrop prend le dossier compilé et vous donne un lien en ligne.
Publiez votre site gratuitement →Mettez-le en ligne en 4 étapes
- Dans Lovable, exportez ou téléchargez le code de votre projet (ou connectez GitHub et téléchargez le dépôt).
- Sur votre ordinateur, lancez npm install puis npm run build pour produire le dossier de sortie statique (généralement dist).
- Compressez le contenu du dossier dist — index.html doit être à la racine du zip.
- Envoyez le zip sur SiteDrop.
Quels types de fichiers fonctionnent
Lovable produit une application React/Vite : vous hébergez donc sa sortie COMPILÉE — le dossier statique dist après npm run build, qui est du HTML/CSS/JS simple. Cela s’envoie parfaitement. Ce qui ne peut pas être hébergé de façon statique, c’est tout ce qui est relié à un backend en direct (authentification, base de données, routes serveur) ; pour un site marketing ou un portfolio, il n’y en a généralement pas.
Ce qui coince — et comment le réparer
- J’ai compressé le projet et j’obtiens une page blanche.
Vous avez compressé le code source, pas le build. Lancez npm install puis npm run build, et compressez le CONTENU du dossier dist avec index.html à la racine.
- Page blanche et la console affiche des 404 sur /assets/*.
Vite utilise par défaut des chemins absolus pour les ressources. Définissez base: './' dans vite.config avant le build pour que les ressources se résolvent depuis la racine du zip, puis recompilez.
- Supabase ou l’authentification ne fonctionnent plus une fois publiés.
Ces fonctions ont besoin d’un backend en direct et de clés d’environnement qu’un hébergement statique n’exécute pas. Publiez ici le front-end statique et gardez les fonctions dynamiques sur un service qui fait tourner un serveur.
SiteDrop ou simplement Netlify
Netlify peut lancer le build Vite pour vous depuis un dépôt git — pratique si vous voulez des déploiements automatiques. En contrepartie, il faut connecter git, configurer le build et gérer les variables d’environnement. Si vous préférez compiler une fois en local et simplement héberger le dossier dist, SiteDrop prend directement ce zip et vous donne un lien (et un domaine personnalisé avec les forfaits payants) sans pipeline.
Hébergement Lovable — FAQ
Pourquoi dois-je lancer un build d’abord ?
Les applications Lovable sont des projets React, pas du HTML simple. Le build les transforme en fichiers statiques que les navigateurs peuvent servir. Une fois le dossier dist obtenu, l’héberger se résume à envoyer un zip.
Je ne veux pas du tout toucher à la ligne de commande — quelles options ?
Si votre projet est entièrement statique une fois compilé, demandez à Lovable (ou à n’importe quel assistant d’IA) une seule version compilée/statique, puis compressez-la et envoyez-la. Tout ce qui est dynamique et nécessite un serveur ne convient pas à un hébergement statique.
Prêt à publier votre site Lovable ?
Envoyez votre .zip et obtenez un lien en ligne à partager en moins d’une minute. Aperçu gratuit de 7 jours, sans carte bancaire.
Publiez-la maintenant →