Kairos MBA Masterclass·04:50

How to Set Up Google API Keys for Bubble (Bubble Academy tutorial)

Bubble Academy narrator Unnamed narrator - this is Bubble's own official Google API tutorial reused in the course

The short version

Google Cloud console: create a project named after the app; enable Geocoding, Places, Geolocation, Maps JavaScript and Time Zone APIs; create a 'client' key restricted to HTTP referrers (your app URL with a trailing *), and a 'server' key restricted to those five APIs; paste server into Bubble's Google geocode field and client into Google Map; allow up to five minutes. A billing account must be linked (0:00-0:04).

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.

01Two Google keys: client restricted by referrer, server restricted by APIClient key by referrer;›

Client key by referrer; server key by API; two Bubble fields.

Procedure (0:00-0:04)

↓ Full write-up of this concept

The concepts in full

Two Google keys: client restricted by referrer, server restricted by API

One key the browser can see, locked to your domain. One key the server uses, locked to five APIs.

PROCEDURE: 1) Google Cloud console with a billing-enabled account; 2) new project named after the Bubble app; 3) Library -> enable Geocoding API, Places API, Geolocation API, Maps JavaScript API, Time Zone API; 4) Credentials > Create credentials > API key -> rename 'client' -> Application restrictions: HTTP referrers -> add the app URL with a trailing * (or the custom domain); 5) second key 'server' -> API restrictions -> the five APIs -> Save; 6) Bubble Settings > General: server key into 'Google geocode API key', client key into 'Google Map API key'; the warning icon clears. Up to five minutes to apply. Not free - billing must be linked.

Why it matters

Without it the map element and location search silently fail.

This idea elsewhereparallelBC9 on API-key hygiene

Tools referenced

Tool	Coverage	Context
Google Cloud	demonstrated	Project, APIs, credentials
Google Maps	demonstrated	Maps JavaScript, Geocoding, Places APIs
Bubble	demonstrated

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 says	The trainer actually means
real start date / real aesthetics / real static	real estate
Type / Cypress / Skype / Sykes	Stripe
Mando / Mandrope / Mangrove	Manrope (font)
repeating loop / repeating row	repeating group
paid listings name	Current page Listing's name

True on recording day — verify before relying

Google Cloud console layout and the API list are as of the tutorial's date