Explore 300 Bubble tutorials
Build your dream no code SaaS and dive into our comprehensive bubble tutorials
Filters
Sort by

Better Error Handling in Bubble Apps with Third Party APIs like OpenAI
In this Bubble.io tutorial we cover the critical "include errors in response" and "allow workflow to continue" settings in Bubble.io's API Connector - settings that can make or break your web app's user experience. You'll learn why these configurations are especially vital for backend workflows and how they prevent cascading failures that can be nightmare to debug.
OpenAI
API Connector
Anthropic Claude
%20in%20AI%20Generated%20Text.png)
Stop Chatgpt / OpenAI using em dash (—) in AI Generated Text
Discover the telltale sign that instantly exposes AI-generated content and learn how to fix it in your Bubble.io no-code applications! In this essential tutorial, we reveal how the infamous EM dash (that long hyphen character) is the biggest giveaway that your content comes from ChatGPT, OpenAI, or other AI tools.
OpenAI
Anthropic Claude
API Connector
Stream Text

Exploring Prompt Engineering: GPT 4.1 vs. Claude 4.0 Sonnet Showdown using Portkey Playground
Discover the ultimate AI model showdown for no code developers! In this comprehensive comparison, we test OpenAI's GPT-4.1 against Anthropic's Claude Sonnet 3.5 and Claude 4 to determine which AI delivers the best results for no-code web app development.
Portkey.ai

Mastering Portkey.ai: Your Guide to AI Analytics and Prompt Engineering for Developers!
Discover Portkey, the ultimate AI analytics and management platform for no-code developers building with Bubble.io! In this comprehensive tutorial, I'll show you why Portkey has become my go-to tool for tracking AI usage, costs, and performance in Bubble.io web applications.
API Connector
Portkey.ai
Helicone AI
Date formatting
Current Date/Time
Date and Time Picker

Build NATIVE Mobile Apps Without Coding with Bubble.io!
Exciting news for no-code developers: Bubble.io has launched their native Mobile App Builder in beta! As a Bubble.io expert since 2017, I'm breaking down everything you need to know about this game-changing feature that transforms Bubble.io into a true multi-platform development solution for both web and mobile apps (iOS and Android).
iOS

Troubleshooting 3 Common Issues in Bubble.io: Image Analysis Guide with AI!
How to implement AI image analysis in your Bubble.io applications using OpenAI's API! This detailed tutorial solves common challenges when handling image uploads and AI integration in your no-code projects. Discover how to properly use base64 encoding for image processing, implement secure file handling, and optimize storage costs in your Bubble.io app.
API Connector
File Uploader
OpenAI

The Best Designed ChatGPT Clone in Bubble.io: Build It With No Code!
Learn how to build a ChatGPT Clone in your Bubble.io app using the powerful tools in the Nocodable Component Library! This in-depth tutorial walks you through creating a dynamic, real-time AI chat interface that mimics the engaging experience of ChatGPT.
Design
How to build a clone
OpenAI
Reverse Repeating Group

AI Powered Backend Workflows Made EASY with Bubble.io!
Learn how to implement AI processes in Bubble.io backend workflows while providing real-time feedback to your users! In this practical tutorial, we demonstrate how to create a seamless user experience when running potentially time-consuming AI operations using Claude. Discover how to set up loading indicators, manage custom states, and effectively bridge frontend and backend workflows in your Bubble.io application.
API Connector
Anthropic Claude
Backend Workflows
.png)
Step by Step Guide to Building No Code SaaS Apps Using Claude 4 with Streaming
Discover how to implement Claude 4's streaming capabilities in your Bubble.io no-code applications! In this hands-on tutorial, we demonstrate live debugging and implementation of Anthropic's Claude 4 AI streaming responses, showing you exactly how to integrate this powerful feature into your Bubble.io projects. Learn how to set up the API connector, configure streaming parameters, and display real-time AI responses in your web app's interface.
API Connector
Stream Text
Anthropic Claude
Display data
No results found.
There are no results with this criteria. Try changing your search.