Single Page Application (SPA) Design - Bubble.io Tutorial

Be the first to hear about our latest tutorials, plugin releases, updates and more: https://www.cranfordtech.com/newsletter

‪@neilryanpierce‬ recently had a couple of great videos on how to design a Single Page Application ("SPA") in Bubble. I liked his approach so much that I decided to put together my own tutorial (which is basically a condensed version of what he's done)!

Single Page Applications are often make for a more pleasant user experience and are common-place in many modern SaaS apps. We can build SPAs in Bubble fairly easily using:

- Reusable elements
- Conditionals
- Option sets
- Navigation with arbitrary text

🎨 Check out my Templates and Plugins:
https://bubble.io/contributor/cranfor...

💻 Hire me for Bubble Consulting/Freelancing
https://www.cranfordtech.com/agency

📧 Contact
If you have any questions on the tutorial you can comment below or email me at: [email protected].

Timeline
00:00 Introduction
00:42 Building the side navigation
01:25 Setting up the dashboard
02:46 Building the "home" view section
04:15 Building the "inbox" view section
05:35 Option sets
05:59 Navigating to sections using arbitrary text/option sets
07:04 Showing views based on URL
08:46 Conditional formatting based on URL
14:17 Setting the default view