Comment héberger une application Lovable sur votre propre serveur

Pour héberger une application Lovable sur votre propre serveur, synchronisez le projet avec GitHub grâce à la synchronisation Git de Lovable, reliez le dépôt au panneau Coolify de votre serveur, définissez les variables d'environnement et faites pointer votre domaine vers lui. Lovable documente lui-même cette voie : le code vous appartient et tourne là où vous le placez. Vous pouvez aussi continuer à construire dans Lovable, puisque les modifications arrivent dans le dépôt et que le serveur déploie à partir de là.

La décision la plus importante concerne le backend, car les enregistrements de la base de données et les fichiers téléversés ne voyagent pas avec le code.

Comment sortir le code de Lovable ?

De quel type de projet s'agit-il ?

Lovable construit sur deux piles, et les réglages du serveur en découlent. Si package.json liste @tanstack/react-start, votre projet est un projet TanStack Start. Sinon, c'est un ancien projet React + Vite. Les nouveaux projets démarrent sur TanStack Start.

Une compilation Vite statique fait partie des types de projets que nous avons fait passer par Coolify sur un vrai serveur. Les valeurs de TanStack Start viennent de la documentation de Lovable elle-même, qui recommande Node 22.

Pas à pas

1. Commandez un serveur depuis la page VPS Next.js. Malgré son nom, il est livré avec Coolify, qui déploie bien plus que Next.js.
2. Clonez le dépôt et ouvrez le dossier dans un outil de code comme Claude Code ou Cursor.
3. Copiez la ligne Collez dans votre outil d'IA de l'onglet Vue d'ensemble de votre panneau Seturack et collez-la dans cet outil, qui s'occupe alors du déploiement. Ne la collez pas dans le chat de Lovable. Elle contient une clé d'API, et Lovable ne peut rien exécuter en dehors de son propre aperçu.
4. Donnez à l'outil les variables d'environnement dont il a besoin, qui dépendent de votre choix de backend ci-dessous.
5. Testez l'adresse HTTPS à son arrivée. Actualisez une page imbriquée, connectez-vous et déconnectez-vous, et essayez une écriture et un téléversement. Si la connexion échoue sur une redirection, ajoutez la nouvelle adresse à vos URL de redirection autorisées.
6. Faites pointer l'enregistrement A de votre domaine vers l'adresse IP du serveur et indiquez le nom de domaine à l'outil. Le certificat est émis automatiquement.
7. Demandez à l'outil de déployer à chaque push. Les modifications de Lovable arrivent dans le dépôt, et chacune lance donc une compilation.

Le guide Next.js explique comment le faire à la main. Vous avez l'accès root, et vous pouvez tout gérer depuis le panneau si vous préférez. Votre adresse lovable.app continue de servir la dernière version que vous y avez publiée.

Où se trouve le backend ?

Rester sur le backend intégré

Seul le site se déplace : c'est donc le moins de travail. Définissez VITE_SUPABASE_URL et VITE_SUPABASE_PUBLISHABLE_KEY avant la compilation. TanStack Start a aussi besoin de SUPABASE_URL et SUPABASE_PUBLISHABLE_KEY pour son code serveur. Ces valeurs se trouvent dans le fichier .env du dépôt, mais pas les secrets que lisent vos fonctions serveur. Les fonctionnalités d'IA et les connecteurs continuent de marcher et de puiser dans vos crédits Lovable.

Faire tourner Supabase sur votre propre serveur

Lovable cite deux destinations pour son backend intégré : Supabase géré et Supabase auto-hébergé. Déplacer PostgreSQL seul ne suffit pas, car la connexion, le stockage, le temps réel et les Edge Functions doivent se déplacer eux aussi. VPS Supabase vous donne tout cela sur un serveur distinct. La documentation de Supabase demande au moins 4 Go de RAM, 2 cœurs et 40 Go de disque.

1. Créez la structure en exécutant les fichiers de supabase/migrations/ dans l'ordre des dates.
2. Déplacez les données. Allez à More, Database, Manage, Settings et appuyez sur Export data, puis chargez l'archive PostgreSQL compressée en zstd avec un pg_restore compatible zstd sur le port 5432. Les comptes d'utilisateurs sont inclus, et chacun se reconnecte. Essayez d'abord sur une installation de test.
3. Téléchargez les fichiers depuis More, Storage et téléversez-les dans Studio vers des buckets de même nom.
4. Copiez supabase/functions/ vers volumes/functions/ sur le serveur, définissez leurs secrets et redémarrez le service des fonctions.
5. Configurez les fournisseurs de connexion, SITE_URL et ADDITIONAL_REDIRECT_URLS.
6. Sur le site, réglez VITE_SUPABASE_URL sur l'adresse de votre serveur Supabase, définissez la clé publiable et recompilez.

Les appels d'IA et de connecteurs qui passent par Lovable doivent passer sur vos propres comptes chez les fournisseurs. Les mises à jour et la supervision deviennent votre affaire, et Lovable ne peut pas déboguer une infrastructure qu'il ne contrôle pas.

Utiliser un projet de votre propre compte Supabase

Si vous avez connecté votre propre compte Supabase, le backend se trouve déjà en dehors de Lovable : vous n'avez donc qu'à définir les adresses. Pour le ramener sur votre serveur, le guide de restauration de Supabase donne les étapes avec supabase db dump.

Questions fréquentes

De combien de RAM une application Lovable a-t-elle besoin ?

La page de vente recommande au moins 4 Go de RAM, 2 vCores et 40 Go de disque. Ce chiffre vient de la compilation : un gros projet Next.js de 85 paquets a manqué de mémoire avec 2 Go et s'est compilé avec 4 Go. Si une compilation manque de mémoire, augmentez la taille depuis votre panneau.

Combien cela coûtera-t-il par mois ?

La taille minimale recommandée coûte environ $6 par mois (TVA incluse), et hors de Turquie, vous payez en dollars américains. La sauvegarde quotidienne est incluse dans le prix et le trafic est illimité. Un second serveur pour Supabase est facturé à part. Exporter le code ne met pas fin à votre abonnement Lovable ni à l'usage de Cloud.

Comment retirer mon domaine de Lovable ?

Testez d'abord tout sur l'adresse temporaire. Puis faites pointer l'enregistrement A vers l'adresse IP du serveur, ajoutez le domaine à l'application et déployez à nouveau. Pour retirer l'adresse lovable.app, dépubliez le projet dans Lovable.

Comment mettre à jour le site après le lancement ?

Continuez à travailler dans Lovable ou votre outil de code. Chaque modification arrive sur la branche synchronisée, et avec un webhook le serveur la compile. Pour garder hors ligne le travail inachevé, laissez Lovable travailler sur une branche séparée et fusionnez quand c'est prêt.

La base de données vient-elle avec le code ?

Non. La synchronisation Git et le zip contiennent les fichiers source et les fichiers qui définissent la structure de la base de données. Les enregistrements et les fichiers téléversés s'exportent séparément : vérifiez-les à destination avant de retirer l'ancien backend.

Prêt à l'emploi chez Seturack : Next.js, Coolify, Supabase.