Debugger
Unlock the power of efficient app development with Bubble.io's Debugger, an essential tool for solopreneurs building no-code SaaS solutions that helps identify and resolve issues quickly, ensuring your no-code journey remains smooth and productive.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a59f020724bcc38dde9_DikrDoTlXrU-HD.jpeg)
How to turn off the Bubble debugger
How to turn off the Bubble debugger. This may perhaps be the shortest tutorial that I've ever uploaded because it's dead simple. I'm in the dev version of my app and I've clicked preview and takes me to this web address here.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a55d93701e6243e38f5_Missing-Data.jpeg)
How to use the Bubble debugger to find missing data
In this Bubble tutorial video, I'm going to demonstrate how you can use the debugger bar at the bottom of your preview app to work out why a text label isn't working or data isn't being shown when you preview your app.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a55f4e63adecfc0bca7_Missing-Elements.jpeg)
How to use the Bubble.io debugger to find missing elements
In this Bubble.io tutorial we demonstrate how to use the Bubble Debugger bar to debug why an element is not visible when it should be. First we check the page element on the Bubble app page with the Inspect tool and element search, then we run our Workflow using Step by Step.
Explore more of our no code tutorials
Discover more Bubble tutorials
Start building your No Code SaaS with Bubble.io & Planet No Code
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a68f695572be32ad9dc_CRM-Part-1.png)
Build your own CRM with Bubble.io NoCode - Part 1
In this no-code development video we begin tutorial series demonstrating how you can build your own custom CRM with Bubble.io - all without writing a single line of code. Bubble.io is a powerful nocode web app creation platform. Watch to discover how to create a Registration and Login page for your SaaS app users.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a3a6f6f441a40c43de4_How-to-extract-data-from-text-without-regex-in-Bubble.io_.png)
How to extract data from text (without regex) in Bubble.io
In this Bubble.io tutorial we show how you can use the Split by modifier to target and extract specific parts of a larger volume of text. This techique is an alternative to extracting text using a regex expression.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a86d4e7daa1a3c688f4_OpenAI-JSON.png)
OpenAI & JSON Mode
In this Bubble tutorial we demonstrate how to use the new OpenAI JSON mode. Any Bubble app creator using OpenAI in their Bubble app will benefit from this tutorial because JSON mod returns a much more reliably formatted message reply from OpenAI.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a5368c534e332d1c8d1_ZNnfF1FuUSo-HD.jpeg)
How to add a no-code product tour to your Bubble app
In this Bubble tutorial video, I'm going to be demonstrating how you can create a Product Tour and onboarding experience just like this, to guide your users through and explain features in your Bubble app.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a46d4e7daa1a3c668cb_Using-JSON-safe-with-Bubble.io-and-the-OpenAI-API.png)
Using JSON-safe with Bubble.io and the OpenAI API
This Bubble tutorial is a follow up to our ChatGPT chatbot video where we demonatrated to how create a conversation with the OpenAI API using GPT-3.5-turbo. This videos demonstrates an improvement to our initial chatbot by using the Bubble.io text modifier :formatted as JSON-safe. This can solve many of your JSON syntax errors and OpenAI API errors by correctly escaping punctuation and formating your text input.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670aa49fcf51ebb833738f_New-Feature-Demo-of-Return-Data-from-Custom-Events.png)
ChatGPT, OpenAI API & Web Search API Combined
Learn how to combine the power of Bubble.io and the OpenAI API to create a ChatGPT client with web search capabilities using the Brave Search API.