Lorsque l’on termine le développement de son application, une grande question se pose : comment la rendre accessible à ses utilisateurs ?

Bubble permet de construire des applications web sans écrire une ligne de code, mais pour que celles-ci soient en ligne, visibles et fonctionnelles, il est indispensable de bien comprendre le fonctionnement du déploiement sur la plateforme.

Dans ce guide complet, tu vas découvrir étape par étape comment publier ton application Bubble sur l’environnement “live” (aussi appelé production), quelles sont les bonnes pratiques à suivre, et ce qu’il faut absolument vérifier avant de rendre ton app accessible au public.

⚠️ Ce guide concerne le déploiement d’une application web développée avec Bubble. Le déploiement d’une application mobile (iOS / Android) nécessite un processus totalement différent, notamment en lien avec les stores Apple et Google. Ce sera le sujet d’un article à part entière.

Sommaire

1. Comprendre les environnements sur Bubble

2. Préparer son application avant déploiement

3. Choisir un plan pour débloquer le déploiement

4. Déployer son application sur l’environnement live

5. Accéder à la base de données en production

6. Effectuer des mises à jour après le déploiement

7. Historique des déploiements et retour en arrière

1. Comprendre les environnements sur Bubble

Par défaut, une application Bubble possède deux environnements distincts :

• L’environnement development (aussi appelé “version de test”) : c’est ici que tu développes, fais tes tests et ajoutes de nouvelles fonctionnalités. Tu peux librement modifier les workflows, les pages, les éléments ou la base de données.

• L’environnement live (aussi appelé “version de production”) : c’est la version publique de ton application. C’est celle que tes utilisateurs verront. Elle repose sur une base de données distincte, indépendante de celle de développement.

Ces deux environnements sont visibles notamment dans l’onglet Data > App Data, en haut à droite de ton écran, où tu peux basculer entre “Development database” et “Live database”.

Attention : la version live est en lecture seule, tu ne peux pas modifier manuellement son contenu (hors actions via l’app ou via l’onglet “Bulk operations”).

2. Préparer son application avant déploiement

Avant de cliquer sur “Deploy”, il faut s’assurer que l’app fonctionne comme prévu. Cela passe notamment par une optimisation de la réactivité de l'application, que je détaille dans cet article dédié.

Voici également quelques éléments à vérifier :

Corriger les erreurs (issues)

Bubble t’empêchera de déployer ton application si des erreurs bloquantes sont présentes. Pour les visualiser, clique sur l’icône “Issues” en haut à droite de ton éditeur.

Résous toutes les erreurs (en rouge) avant de continuer. Les alertes (en orange) ne bloquent pas le déploiement, mais il est conseillé de les traiter aussi.

Vérifier la navigation et l’expérience utilisateur

Parcours chaque page de ton app en mode preview pour t'assurer que :

• Tous les liens fonctionnent correctement

• Les workflows se déclenchent comme prévu

• Les conditions d’affichage sont bien respectées (responsive, permissions, etc.)

Tester les workflows critiques

Teste les principales actions utilisateur :

• Inscription et connexion

• Création, modification et suppression de données

• Paiements éventuels (si tu utilises Stripe ou autre)

• Envoi d’emails

L’objectif est de ne laisser aucune fonctionnalité essentielle non testée.

3. Choisir un plan pour débloquer le déploiement

Pour pouvoir déployer ton application sur l’environnement live, tu dois avoir souscrit à un plan payant. Bubble ne permet pas de publier une app sans abonnement.

Tu peux choisir un plan via :

• L’onglet Settings > App Plan

• Ou le bouton “Upgrade to Deploy” dans la barre supérieure de l’éditeur

Parmi les plans proposés :

• Free : développement uniquement, pas de déploiement

• Starter / Growth / Team / Agency : permettent de déployer l’application avec différents niveaux de capacité serveur, bande passante, nombre d’API calls, etc.

Conseil : choisis un plan adapté à la taille de ton app, aux outils de développement dont tu as besoin (logs, backup de la base de données…) et au trafic prévu.

Pour un MVP ou une app en phase de test public, le plan “Starter” suffit souvent.

4. Déployer son application sur l’environnement live

Une fois ton app testée et sans erreurs, tu peux la publier :

1. Clique en haut à droite sur “Development” > “Deploy to live”

2. Une popup s’ouvre pour indiquer un titre de déploiement (ex. : “Ajout du système de paiement”)

3. Clique sur “Deploy” pour lancer la mise en ligne

Ce titre te permettra de retrouver les modifications dans l’historique des déploiements. Il est recommandé d’écrire un message clair et concis.

À noter : les données de la base “dev” ne sont pas automatiquement transférées vers la base “live”. Si tu veux peupler ta base de prod avec des données de test, il faudra faire une copie manuelle via l’onglet “App Data”.

5. Accéder à la base de données en production

Une fois l’app déployée, ta base de données live est active. Pour la consulter :

1. Va dans l’onglet Data > App Data

2. En haut à droite, clique sur “Switch to live database”

Tu pourras alors consulter le contenu de tes types de données, faire des exports, lancer des opérations groupées (bulk) ou ajouter des données manuellement.

Attention : les modifications dans cette base sont critiques. Ne supprime jamais de données sensibles sans sauvegarde préalable.

6. Effectuer des mises à jour après le déploiement

Après le premier déploiement, tu continueras naturellement à améliorer ton app. Pour cela :

1. Fais tes modifications sur l’environnement development

2. Teste-les rigoureusement

3. Déploie à nouveau via le bouton “Deploy to live”

Il est possible de faire des dizaines de déploiements par jour si nécessaire. Néanmoins, garde une logique de versioning claire. Utilise le champ “description” pour détailler chaque mise à jour.

Bonnes pratiques :

• Grouper les modifications par lot fonctionnel

• Ne pas déployer une feature non terminée

• Vérifier que les nouveaux workflows ne cassent pas les existants

7. Historique des déploiements et retour en arrière

Bubble garde en mémoire tous les déploiements effectués. Pour y accéder :

• Clique sur Development > History

Tu y trouveras la liste chronologique des déploiements avec leur message associé. En cas de bug introduit par une mise à jour, tu peux revenir à une version précédente.

Il ne s’agit pas d’un version control aussi complet que Git, mais cela reste une fonctionnalité très utile pour maintenir la stabilité de ton app.

Conclusion

Déployer une application Bubble n’est pas compliqué, mais cela demande une certaine rigueur. Bien comprendre la distinction entre les environnements dev et live, tester minutieusement chaque élément, et garder un historique clair des mises à jour sont les clés pour une mise en ligne réussie.

Ce guide t’a présenté les étapes indispensables pour passer ton app de l’état de brouillon à une version publique et stable. N’oublie pas que ce processus concerne uniquement les applications web. Si tu souhaites transformer ton app Bubble en application mobile native, tu devras suivre une toute autre méthodologie (création d’une version mobile, utilisation de BDK ou d’un wrapper, publication sur l’App Store et Google Play, etc.). Ce sera l’objet d’un futur article.

À toi de jouer !

—

Pour ceux qui n'aime pas la lecture, j'ai également réalisé ce tuto au format vidéo sur ma chaîne Youtube :