Bubble Cheat Sheet

A cheat sheet to quickly refer and quickly start with bubble.io

Uploaded by

Sumit Mann

We take content rights seriously. If you suspect this is your content, claim it here.

Available Formats

Download as PDF, TXT or read online on Scribd

0% found this document useful (0 votes)

175 views1 page

Bubble Cheat Sheet

A cheat sheet to quickly refer and quickly start with bubble.io

Uploaded by

Sumit Mann

We take content rights seriously. If you suspect this is your content, claim it here.

Available Formats

Download as PDF, TXT or read online on Scribd

You are on page 1/ 1

Bubble Cheat Sheet

What's a Bubble? What can you build on Bubble? What are the features of Bubble?

Build web apps in 35% of the time it takes to build Online shop & eCommerce projec a visual workflow editor to add actions and event
full-stack apps Personal & company blo a WYSIWYG page designer and style edito
The time it takes to get to the intermediate level is Corporative CRM syste a database to store app data, hosted in AWS clou
3-6 months versus 3+ years an API connector that allows integration with third-
Hiring platfor
You have almost as much flexibility as full-stack party software & system
Education or training ap
developers development (test) and live environments to
Perfect for MVP, building exponential web platforms Trading platform or marketplac categorize the app’s build mod
with correct sales and marketing Money tracking and budgeting ap a vast plugin library to expand your app’s
Globally, there is a severe scarcity of technical Community app & social networ functionalitie
talents. In just 12 months, you may be a senior Scheduling ap a style editor to customize the look of app and make
developer on Bubble.
Online bankin the development process faster
MVPs

User Interface
Backend Workflows
Pages Database
Single page slower on page load, faster to switch Three kinds
between groups User type - powerful, inbuilt table. Holds the API workflows - API Workflows — these are the
Multi-Page - Faster on Page Load, Slower to password but we can't see or access it actions within your application, which allow your
Switch between Pages Run as user - great for testing or undestanding app to interact with other applications and
A hybrid approach is usually good what’s wrong services, or even allow them to use your app as a
Reusable elements - reducing duplication of UI Field metadata service, should you permit it
elements (headers, footers, navs, widgets) User generated Data vs App Content data Database triggers - occur following a change to
Dynamic expressions - displaying data from Privacy Rules - segment data and achieve security a row of data
database and elsewhere Different database for Test and Live Scheduled tasks - allows you to schedule a
Custom states - storing data temporarily on page Files storage workflow
URL parameters - transferring data between pages. Option sets - predefined lists set by developer. Processing Lists of Data
Do an API workflow on a list - good for shortlists,
where not sequential processing is fine. Beware of
Responsiveness asynchronous actions
Recursive API workflow (workflow calls itself and
Mobile Version - It's better to create a separate has a counter), better for long lists or where
mobile version of the website, which additionally sequential processing is needed
allows utilizing mobile-specific UX practices Data API - a powerful way you can let other web
Group objects hierarchically apps access your Bubble Database via API calls. e.g.
Avoid fixed width for most elements (except logos, you could use your Bubble App as a backend or you
small widgets). You can set both a fixed width of the can use other servers and send the data via API
elements and a percentage of the elements Can provide shared functionality across your app.
For accessibility you can use e.g keep some workflows in one place in the
Mobile screens start from 320 x 56 backend, vs multiple places in the frontend
Tablets screens start from 768 x 102 Unlike page workflows, you can't easily access your
Desktop screens start from 1280 x 102 page data (any data must be passed into Backend
Debug with "Show Element Borders" enabled. Workflow as a Parameter).

Security

Give away the minimum amount of permissions

possible
Don't expose API endpoints publically
Delete unused pages
Don't store API keys in States or in front-end HTML
Leave Bubble App on "Private" in Settings
Keep all sensitive data behind a log-in wall
Use a high-level group (default state hidden)
with a conditional to show - when the user is
logged in and has sufficient privileges
Setting up proper database access control is
essential, because even if data is not directly
available to users in your application's user interface Deployment
it can still be retrieved with an API call. Database
Planning
secutity rules help mitigate that by limiting data
Search Engine Optimisation - sitemaps, google Solution Architecture - show the web services you
access to approved users only.
search console, dynamic page names, page type of will use
content Sitemap - show your page structure
Database maintenanc API Workflow Table
Migration of Data between Test and Liv UML - map out your entities - high level
Backup and Restore Databas Entity Relationship Diagram - tables, fields,
Bulk Operation relationships between tables
Setup Domain Name Document any complex workflows.
Configure Google Analytics - Events, Page Names,
UTMs
Test, Staging, and Production versions of your
application (Professional Plan)

Resources

Bubble Academy - https://bubble.io/

academ
Bubble Manual - https://manual.bubble.io
Forum - https://forum.bubble.io
Welovenocode - biggest nocode marketplace
- https://www.welovenocode.com/