← Kairos MBA MasterclassAll programsHomeSearch
Kairos MBA Masterclass·13:17

Bubble Overview: Why Bubble, the Editor Tabs, and Creating the App

Mayank Build trainer - co-founder of Epic, a Delhi no-code/low-code product studio (80+ products); builds the real-estate marketplace in Bubble on camera
▶LMS lesson
← PreviousDesign and Figma Overview: the Target Screens and How to Read the Figma File
Lesson 6 of 48 in Kairos MBA Masterclass
Next →App Setup: Canvas and Grid, Settings Every App Needs, Typography and Colour Variables, Res

The short version

  1. Why Bubble over Sharetribe, Shopify or WooCommerce: custom design, custom data structure, custom search/filter and custom payment flows (Razorpay and others), and because the course wants to teach building software, not just marketplaces (0:00-0:03).
  2. Create the app: clear name with no special characters (it becomes the URL), decline the trial - 'for learning, Bubble is free'. Default pages index, 404 and reset_password cannot be deleted; User is a built-in data type (0:05).
  3. The editor: Design, Workflow ('when X happens do Y'; the other place logic lives is element conditions), Data (types, privacy rules, app data), Styles, Plugins (Stripe, Google Maps, email, API Connector), Settings, Logs, Scheduled (0:07-0:13).

At a glance, three clicks deep

Skim here first: the closed row is the glance, open is the study card with the key points and timestamps, and the ↓ link drops to that concept's full write-up below.

01Why Bubble, and how to create the appCustom data + custom flows;›

Custom data + custom flows; free for learning.

Comparison (0:00-0:03)

Create app (0:05-0:07)

↓ Full write-up of this concept

02The Bubble editor tabsDesign / Workflow / Data / Styles / Plugins / Settings / Logs.›

Design / Workflow / Data / Styles / Plugins / Settings / Logs.

Tab tour (0:07-0:13)

↓ Full write-up of this concept

The concepts in full

01

Why Bubble, and how to create the app

Sharetribe does marketplaces and nothing else; Shopify needs code the moment you leave the template. Bubble lets you own the data model.

Sharetribe is marketplace-only and (as stated) lacks Indian/EU payment gateways; Shopify and WooCommerce need code for custom flows. Bubble gives custom design, a custom database, custom search and filter, and custom payments. PROCEDURE: create app -> name it clearly with no special characters (the name is the default URL) -> decline the free trial. index, 404 and reset_password pages exist by default and cannot be deleted; User is a built-in type. Bubble's AI plugins (OpenAI, Midjourney, Llama, Whisper) are mentioned in passing.

Why it matters

The platform decision for the rest of the course, with the reasons.

This idea elsewhereparallelThe mastermind's stack choice for a marketplace
02

The Bubble editor tabs

Design is what it looks like, Workflow is what happens, Data is what it remembers. Everything else is settings.

Design (drag elements on the canvas), Workflow (when X happens, do Y - the second place logic lives is an element's Conditions tab), Data (data types, privacy rules, app data), Styles (the design system), Plugins (Stripe, Google Maps, email, API Connector), Settings (plan, storage, workload units, domains), Logs/server logs, Scheduled. Mayank says 'six tabs' and lists more.

Why it matters

The map of where everything in the next lessons is done.

Tools referenced

ToolCoverageMomentContext
Bubbledemonstrated
Sharetribeexplained
Shopifymentioned
WooCommercementioned
Razorpaymentioned

Action items

    Resources mentioned

    Resources
    • docLesson page on the platform

    Extraction notes

    This page was built from an auto-generated transcript, which garbles product and people's names. Those were corrected silently in everything above and logged here for transparency. The warnings flag claims that were true on the recording day but change fast.

    Transcript corrections applied

    The transcript saysThe trainer actually means
    Share typeSharetribe
    real start date / real aesthetics / real staticreal estate
    Type / Cypress / Skype / SykesStripe
    Mando / Mandrope / MangroveManrope (font)
    repeating loop / repeating rowrepeating group
    paid listings nameCurrent page Listing's name

    True on recording day — verify before relying

    ← PreviousDesign and Figma Overview: the Target Screens and How to Read the Figma FileNext →App Setup: Canvas and Grid, Settings Every App Needs, Typography and Colour Variables, Res