Bubble : Tout savoir pour débuter

Stephanie
Menezes

7

minutes

Bubble

Bubble est un outil de programmation visuelle permettant de construire des web apps, sans code...du moins au départ !

👉 Voir cet article pour rentrer dans le détail sur sujet Code versus NoCode

L’histoire

Depuis sa création en 2012 par Emmanuel, un Français et Josh, un Américain, l’objectif de Bubble a toujours été de faciliter la vie des entrepreneurs en leur permettant de lancer des projets sans avoir besoin de solliciter du développement traditionnel. Avec plus de 2 millions d’utilisateurs dans le monde et 2 levées de fonds qui seront dédiées à l’évolution de l’outil, on lui prédit un bel avenir !✨✨✨

L’outil et ses fonctionnalités

L’outil est composé d’un éditeur en ligne, accessible avec seulement ta connexion internet (dans le cloud ☁️). En te créant un compte, tu auras accès aux fonctionnalités de programmation visuelle via l’ajout, l’édition, la modification et la suppression de blocs visuels ou de logiques. Nul besoin de développer avec du code traditionnel pour l’instant.

Par exemple, tu vas pouvoir simplement créer une interface (désolée pour les anglicismes) avec du Text, des Inputs, des Dropdowns, des Buttons (quasi tout type d’éléments visuels) ainsi que des logiques métiers du type “Si je clique sur ce bouton, cela créera un compte et mettra à jour l’utilisateur avec son pseudo, son téléphone et son e-mail des éléments de l’interface A, B et C.”

Tu visualises un peu plus maintenant ? 😊

Workflow Bubble
Workflow - Bubble

L’outil propose aussi sa propre base de données auto-hébergée par Bubble sous Amazon AWS US.

Pour être plus précis, il y a 2 bases de données : l'une pour l’app en “dev” et l’autre pour l’app en “live” (ou plus communément appelée “prod” dans le développement).

Ce qui amène à comprendre que chaque app que tu voudras développer sous Bubble, possède deux versions : la version de dev permettant un développement et une phase de recettage en dehors de la version de production. Pour faire le lien entre la version de dev et celle de prod, un joli petit bouton “Deploy” permettant d’envoyer l’app de dev vers l’app de prod, en 5 secondes. 🪄🪄🪄

Le développeur Bubble a aussi la possibilité de contrôler et de créer des règles dites de “Privacy” permettant de limiter l’accès de certaines données à certains utilisateurs et dans certaines conditions, assurant ainsi une confidentialité des données selon les règles métiers choisies.

Bubble permet également de gérer et d’être assez créatif sur le Design via un écran dédié aux Styles. Voici par exemple ce qu’il est possible de faire en Design sous Bubble :

Projets dreamlike et weeztR

À noter que maintenant Bubble propose également un tout nouveau moteur responsive pour répondre encore mieux aux enjeux des web apps sur mobile !

💡 Définition de Responsive : c’est un design qui permet de modifier la mise en page d'un site afin que le contenu s'adapte à l'écran quel que soit le terminal utilisé (smartphone, tablette, ordinateur de bureau, TV…).

La dernière fonctionnalité, et pas des moindres, que je souhaitais partager avec toi est la possibilité d’ajouter du code custom ou de faire n’importe quel type d’intégration API. L’idée est de pouvoir s’affranchir des limites de Bubble pour aller encore plus loin si l’on sait développer ou jouer avec les APIs. Le code développé pourra ainsi se faire packager sous forme de plugin pour simplifier l’usage à d’autres développeurs Bubble. Ce qui fait parfaitement le lien avec le paragraphe suivant 😉👌

La marketplace Bubble

La marketplace Bubble regroupe l’ensemble des plugins développés par Bubble ou par les développeurs Bubble. Gratuits ou payants, ils permettent d’avoir accès à une fonctionnalité ou un service ultra rapidement, pour un coût souvent dérisoire.

Pour découvrir la marketplace, c’est par ici !

marketplace Bubble
La marketplace Bubble

Il existe des templates de web app qui peuvent être immédiatement utilisés dès le démarrage du projet. À utiliser avec bonne intelligence, les templates pouvant être une fausse bonne idée selon le projet.

Quelques limitations de Bubble

Il est important de lister des points sur lesquels l’outil doit s’améliorer :

  • Le SEO (référencement naturel) n’est pas très optimisé sous Bubble donc il ne vaut mieux pas faire de site vitrine avec une composante SEO forte.
  • Les données sont hébergées par défaut sous Amazon AWS US. Il n’y a pas d’hébergement des données en Europe sauf demande exprès à l’équipe Bubble moyennant un ticket plutôt élevé...
  • Outils de testing : tests unitaires, de non-régression et de l’interface et des logiques métiers non inclus dans l’outil Bubble. Il faut donc se créer ses propres tests et utiliser des outils tiers pour faire des tests automatisés sur l’interface, par exemple.
  • Le versionnage d’un projet n’est pas très pratique à utiliser.
  • Les montées en compétence sont plus longues que beaucoup d’autres outils NoCode. À ne pas négliger !
  • Pas d’accès au code source sous jacent.

Quelques exemples de Web Apps sous Bubble

Voici une petite liste non exhaustive, juste pour voir l’étendue des possibilités :

Et pour voir quelques projets développés par Superforge, c’est ici !

Mot de la fin

Bubble est un outil très puissant pour développer ta plateforme ou ton application. Le développement de ta Web App sous Bubble peut prendre quelques semaines (versus quelques mois en développement traditionnel). C’est donc un gain de temps non négligeable. Par contre il faut prendre en compte que la montée en compétence, sur un outil complet prend du temps.

Le premier usage de Bubble est pour développer des MVP pour les porteurs de projet voulant tester un concept et itérer dessus facilement.

La plateforme Bubble étant très complète, elle permet aussi d’aller beaucoup plus loin et de construire sur le long terme, des web apps ou plateformes robustes et scalables. 💪

Pour une première utilisation de l’outil de manière concrète, nous t’avons préparé Bubble Facile - une mini-formation sous un format de 4 mails.