Créez et scalez 
vos applications plus rapidement 
avec Lovable et Scalingo

Vous avez créé l’application idéale sur Lovable, qui répond à tous vos besoins. Problème : les visites commencent à se multiplier, la facture augmente et surtout, vos clients demandent plus de garanties sur la souveraineté des données. Bonne nouvelle : héberger son application Lovable sur un autre service, comme Scalingo, est possible, et est même facile et rapide. On vous explique.

Qu’est-ce que Lovable ?

Lovable est une plateforme de “vibe-coding” suédoise ou, autrement dit, un web builder no-code qui utilise l’intelligence artificielle. Contrairement aux plateformes no-code habituelles qui fonctionnent avec des blocs et un éditeur type drag & drop, il suffit ici aux utilisateurs de décrire ce qu’ils souhaitent en langage naturel. L’IA de Lovable interprète leurs demandes et les transforme en code afin de créer un site web fonctionnel.

Lovable, couplé à Supabase, s’occupe de tous les aspects d’un site web : frontend, backend, base de données, authentification, intégrations…

Sur son site officiel, la plateforme donne de nombreux exemples d’applications et sites qui peuvent être créés avec sa solution : cela peut être un site simple, comme un portfolio ou un blog, une app front-end, une app full-stack comme un site e-commerce ou encore des outils internes, comme des dashboards.

Quels sont les avantages de Lovable pour la création d’apps ?

Lovable présente de nombreux avantages pour la création d’applications. En plus de la rapidité d’itération offerte par l’utilisation du langage naturel, elle permet également à des équipes moins techniques de pouvoir créer et participer à la création d’apps et d’outils. La plateforme est d’ailleurs pensée pour la collaboration, avec des espaces de travail partagés auxquels chaque membre de l’équipe peut participer.

Le plus gros avantage de Lovable est le fait que la solution crée du code modifiable et vérifiable. Contrairement à d’autres plateformes no-code qui ont tendance à tomber dans le piège de la “boite noire” avec une trop grande abstraction du code créé pour des questions d’accessibilité, le code créé par Lovable est totalement auditable. Le front-end est créé en React, Vite et Tailwind, ou TanStack Start pour les versions les plus récentes, et est complètement modifiable. Le code généré par Lovable appartient aux utilisateurs et peut être mis sur GitHub pour être exporté ou intégré facilement à d’autres systèmes.

L’utilisation de Lovable est donc totalement modulable : elle peut être partielle pour ajouter des fonctionnalités à des systèmes existants, avec du code personnalisé par des équipes techniques par la suite, ou totale pour la création d’une app complète à partir de zéro.

L’hébergement d’applications Lovable

Lovable propose sa propre solution d’hébergement, Lovable Cloud, qui permet d’intégrer toutes les fonctionnalités de la solution au sein d’une seule et même plateforme. Mais grâce à son utilisation de technologies open source compatibles avec quasiment tous les hébergeurs et la possibilité d’exporter et d’utiliser le code en dehors de Lovable, chaque projet peut être hébergé ailleurs, sur la plateforme de votre choix.

Vous pouvez donc continuer de créer via Lovable, avec vos changements synchronisés sur GitHub, tout en profitant d’un autre hébergement. C’est notamment une option importante pour les créateurs d’applications avec de forts besoins en conformité (SecNumCloud, HDS, souveraineté des données), qui peuvent profiter du meilleur des deux mondes : une création d’application facilitée, avec un hébergement conforme à leurs besoins.

Scalingo, un hébergement cloud français adapté à Lovable

Besoin de conformité avec un hébergeur souverain, certifié HDS ou qui propose une région qualifiée SecNumCloud ? Scalingo est là ! Nous sommes un PaaS, c’est-à-dire une plateforme qui vous permet d’héberger vos applications sans que vous ayez besoin de gérer l’infrastructure : vous déployez votre application et nous nous occupons du reste en coulisses.

Nous offrons plusieurs fonctionnalités qui facilitent le déploiement d’applications Lovable : compatibilité avec une cinquantaine de langages et frameworks (dont Vite et React), connexion via GitHub qui vous permet de déployer directement depuis votre dépôt, des offres de bases de données as-a-service directement intégrées à notre plateforme, dont PostgreSQL…

Les données hébergées sur Scalingo restent au sein de l’Union européenne, avec des datacenters localisés en France et vous avez la possibilité d’activer l’option HDS si votre application traite des données de santé. Nous proposons également une option SecNumCloud, via l'IaaS certifié d'Outscale, pour les apps les plus sensibles. En cas de problème ou pour répondre à toutes vos questions, notre support est à votre disposition directement depuis un chat disponible sur votre tableau de bord.

Choisir Scalingo, c’est combiner la facilité de développement offerte par Lovable avec le déploiement rapide que permet notre PaaS. Vous pouvez itérer en toute tranquillité, pendant que les changements se répercutent en quelques minutes sur votre application. Avec notre système de projets et de gestion des collaborateurs, les membres de votre espace de travail Lovable peuvent également être ajoutés à Scalingo, afin de collaborer à tous les niveaux de vie d’une application. Envie de rapidement montrer un changement à vos collaborateurs sans encore le déployer à vos utilisateurs ? Notre système de review apps sera parfait. Votre application rencontre un succès inattendu ? Grâce à l’autoscaler, votre app reste disponible, même en cas de pics de trafic soudains. Et ce n’est qu’un aperçu des possibilités de Scalingo.

Comment migrer son app Lovable et sa base de données Supabase ?

Migrer son application Lovable est simple. La première étape est de s’assurer que le projet est bien synchronisé avec GitHub. Ensuite, clonez-le sur votre machine et créez une application sur Scalingo, via notre CLI ou votre tableau de bord. A partir de là, il suffit de quelques changements pour que votre application puisse se déployer sur notre service.

1. Créez un Procfile

À la racine de votre projet, créez un Procfile qui contient cette ligne :

web: npx serve --single dist --listen $PORT

web: npx serve --single dist --listen $PORT

web: npx serve --single dist --listen $PORT

web: npx serve --single dist --listen $PORT

web: npx serve --single dist --listen $PORT

web: npx serve --single dist --listen $PORT

web: npx serve --single dist --listen $PORT

web: npx serve --single dist --listen $PORT

2. Déplacez des paquets vers Dependencies

Ouvrez le fichier package.json afin de déplacer les paquets suivants de la partie devDependencies vers la partie dependencies du fichier :

• @vitejs/plugin-react-swc

• lovable-tagger

• autoprefixer

• postcss

• tailwindcss

3. Mettez à jour votre fichier package-lock.json

Exécutez cette commande :

npm install

npm install

npm install

npm install

4. Autorisez les requêtes provenant de votre domaine Scalingo

Mettez à jour votre fichier vite.config.ts :

server: {
  host: "::",
  port: Number(process.env.PORT) || 8080,
  allowedHosts: ["<name_of_your_app>.<region>.scalingo.io"],
  hmr: {
    overlay: false
  }
}

server: {
  host: "::",
  port: Number(process.env.PORT) || 8080,
  allowedHosts: ["<name_of_your_app>.<region>.scalingo.io"],
  hmr: {
    overlay: false
  }
}

server: {
  host: "::",
  port: Number(process.env.PORT) || 8080,
  allowedHosts: ["<name_of_your_app>.<region>.scalingo.io"],
  hmr: {
    overlay: false
  }
}

server: {
  host: "::",
  port: Number(process.env.PORT) || 8080,
  allowedHosts: ["<name_of_your_app>.<region>.scalingo.io"],
  hmr: {
    overlay: false
  }
}

5. Commit et push les fichiers modifiés

6. Déployez sur Scalingo !

git push scalingo

git push scalingo

git push scalingo

git push scalingo

Pour plus de détails sur chacune de ces étapes et les explications pour comprendre pourquoi elles sont nécessaires, nous vous invitons à visiter notre tutoriel.

Lovable propose une intégration native avec Supabase, pour faciliter la création d’une base de données au sein de la même interface que pour le front-end. Bonne nouvelle, il est tout aussi facile de migrer sa base de données sur Scalingo. Notre tutoriel contient toutes les instructions nécessaires pour que vous puissiez utiliser PostgreSQL sur notre plateforme.

Commencer à utiliser Scalingo

Commencer à utiliser Scalingo est simple ! Il suffit de vous inscrire pour pouvoir profiter de 30 jours d’essai, qui vous permettront de tester la majorité des fonctionnalités de notre plateforme. Cependant, si vous souhaitez migrer votre app Lovable sur notre solution, nous vous conseillons de suivre les recommandations de taille de notre tutoriel, qui nécessite une version payante. Si vous avez besoin de conseils ou d’aide sur la migration de votre application, contactez-nous ! Nos équipes seront ravies de vous aider.