Zubair Lutfullah Kakakhel
Zubair Lutfullah Kakakhel
  • 73
  • 119 931
Bubble WU Optimization Tips | Workload Units
10 Essential Tips to Optimize Workload Units for Your @BubbleIO App
Starting October 1, 2024, Bubble apps will transition to a workload unit billing model. But don't worry-I've got you covered!
⏰ Chapters:
00:46 Tip 1: Avoid Nested Searches
01:37 Tip 2: Auto Binding vs. Saving Once
02:18 Tip 3: Avoid Advanced Filters
03:33 Tip 4: Don't Ignore Empty Constraints
05:09 Tip 5: Shorter Lists vs. Searches
06:29 Tip 6: Hide Elements by Default
06:57 Tip 7: Optimize Condition Ordering
07:40 Tip 8: Use Variables Efficiently
09:21 Tip 9: Inspect Console Insights
12:57 Tip 10: Optimize API Calls
14:39 Bonus Tip
Subscribe to my channel www.youtube.com/@zubair_nocode
Also checkout
Twitter zubair_nocode
LinkedIn www.linkedin.com/in/zubairlk
Website
www.azkytech.com/
Build apps without code using Bubble. Sign up today
bubble.pxf.io/21RdqA
#nocode #ai
Переглядів: 487

Відео

Open AI Assistants API using Bubble | Complete Step by Step Tutorial | Build your own ChatGPT app
Переглядів 2,4 тис.2 місяці тому
🤝 Let us help build your AI app: www.azkytech.com/book-a-call Discover how to integrate the @OpenAI Assistants API with @BubbleIO in this comprehensive tutorial. There's everything you need to build and test AI-powered web apps. You'll learn to create threads and handle API calls. There's also a bonus tip for avoiding leaking prompts!! ⏰ Chapters: 00:09 Introduction and Overview 01:06 Setting U...
AI image generation without code [URDU] | NoCode Pakistan Workshop
Переглядів 2824 місяці тому
Bagair coding k AI apps banaen This is a hands on workshop to demonstrate the power of NoCode. Both technical and non-technical people can benefit from NoCode tools. Linked below are the step-by-step instructions to build an AI image generation tool using @BubbleIO. From signup to building an actual tool that that takes a text prompt and returns an AI generated image without a single line of co...
Open AI Assistants API tutorial part two (Bubble) I Front end workflows
Переглядів 2,9 тис.10 місяців тому
Open AI's new Assistants API is an absolute game changer. In this video I will demonstrate how to the Assistants API work on Bubble frontend. ⏰ Chapters: 00:00 - Intro 00:18 - How does the frontend work? 02:28 - Create a thread 03:14 - Send and Run, displaying the message in the repeating group 07:13 - Displaying loading icon 08:53 - Action call 10:15 - Final words Subscribe to my channel www.y...
Open AI Assistants API Tutorial (Bubble) | OpenAI DevDay | NoCode
Переглядів 4,9 тис.10 місяців тому
PART 2 here 👇 ua-cam.com/video/BrGQNQvMPFY/v-deo.htmlsi=YExXOiFq7JloFDZf Open AI's new Assistants API is an absolute game changer. In this video we'll look how to use this without writing a single line of code. ⏰ Chapters: 00:00 - Intro 01:14 - Creating secret API key 01:50 - Creating AI assistant 04:22 - Creating a thread 07:28 - Adding a message to the thread 08:57 - Running the Assistant 11:...
Softr AI App Generator First Impressions
Переглядів 38711 місяців тому
In this video I am discovering Softr's prompt to app feature. Making apps is gonna be ridiculously easy going forward. ⏰ Chapters: 00:00 - Intro 00:25 - Trying App Type Directory 02:30 - Connecting to data source (Google sheets) 06:45 - Trying Client Portal 11:22 - Final Thoughts Subscribe to my channel www.youtube.com/@zubair_nocode Also checkout Twitter zubair_nocode LinkedIn www....
Replicate WEBHOOKS in BUBBLE: A quick guide
Переглядів 737Рік тому
Learn how to set up Replicate webhooks in Bubble ⏰ Chapters: 00:00 - Intro 00:40 - Explaining how webhooks work 01:20 - Stable Diffusion and Bubble API Call 04:34 - Demo 05:50 - Logs 08:00 - How Version Test and Live works 11:01 - Summary Subscribe to my channel www.youtube.com/@zubair_nocode Also checkout Twitter zubair_nocode Linkedin www.linkedin.com/in/zubairlk/ Website www.azky...
Image to Image Generation with Bubble using Control Net AI model on Replicate
Переглядів 792Рік тому
This is a quick walkthrough of how you could build an image-to-image app using @BubbleIO. You can pass an image as a prompt to the Control Net AI model on Replicate and see it run its magic. ⏰ Chapters: 00:00 - Intro 00:20 - Replicate AI model demo 01:04 - Understand how the API call was made 05:00 - Triggering the Control net AI model on Bubble 10:25 - Final thoughts Subscribe to my channel ww...
Integrating Replicate with Bubble.io | Three different image generation models
Переглядів 2,6 тис.Рік тому
If you have an amazing AI startup idea that you'd like to build and test, then this video is for you. Replicate.com provides thousands of AI models in many categories. In this video, you will explore how to integrate Bubble.io with Replicate. You could follow steps in this tutorial to build your very own AI SaaS. We'll cover three different image generation models with different inputs, outputs...
Text to Video app using Stable Diffusion Animation and Bubble.io | Replicate.com | Generative AI
Переглядів 1,5 тис.Рік тому
Let's build an AI app on Bubble that takes a text input and transforms it into a video. I'll use Replicate to host the Stable Diffusion animation model show you how to run it using @BubbleIO ⏰ Chapters: 00:00 - Intro 00:33 - Why Replicate 01:15 - Stable Diffusion Animation model 04:06 - Bubble editor and API Calls 07:15 - Configuring Webhooks in Bubble 08:27 - Bubble frontend 10:15 - NSFW error...
Text to Image App using Stable Diffusion and Bubble | Stability.ai | Generative AI
Переглядів 1,5 тис.Рік тому
Learn how to build a text-to-image app using Bubble and stability.ai in under 15 minutes! Stable diffusion is an AI-powered model that can transform text to images. In this video, you will learn how to connect your Bubble app to Dream Studio and use Stability AI's own API to send a text prompt and receive a base 64 encoded image. Zubair will also demonstrate how to display the base64 image in y...
Error handling in Bubble | Create a log with a reusable element
Переглядів 383Рік тому
When you have an app in production and you're stuck trying to find and debug errors, this technique can be quite helpful. It has helped us catch exceptions from all kinds of plugins Share your own suggestions for error handling in the comments section below. Subscribe to my channel www.youtube.com/@zubair_nocode Also checkout Twitter zubair_nocode LinkedIn www.linkedin.com/in/zubair...
Run as a user without opening the editor | Client Switcher
Переглядів 304Рік тому
While Bubble provides the "run as a particular user" feature, the app owners may not want to grant access to the Bubble editor to everyone. But, how can we view the app as another user without going into the @BubbleIO editor? This is where our nifty little "client switcher" comes in handy Comment below with your thoughts on this What Bubble feature would you like me to cover next? ⏰ Chapters: 0...
Bulk user invite using a multi line input in a Bubble application | 5 min tutorial
Переглядів 431Рік тому
Here's an interesting approach that offers a user-friendly and efficient solution for inviting multiple users at once in a @BubbleIO application. You can also avoid the common issues associated with CSV uploads. Users can manually type or paste the spreadsheet data directly into a multi-line input field. The backend workflow processes each line individually, assigning roles and sending email in...
Optimize your Bubble App | @BubbleIO Webinar | New Workload Unit Metric
Переглядів 635Рік тому
5 tips for optimizing WU in Bubble apps. My presentation at the Bubble's optimization webinar. With the introduction of new workload metrics, it's becoming increasingly necessary to learn new working patterns in order to build apps that are high-performing and efficient. ⏰ Chapters: 00:00 Introduction 04:00 Zubair's thoughts on optimizing WU 04:55 Tip No 1 05:47 Tip No 2 08:07 Tip No 3 13:21 Ti...
Bubble workload optimization tip # 3, The Self-Healing Method
Переглядів 354Рік тому
Bubble workload optimization tip # 3, The Self-Healing Method
Bubble Workload Optimization tip #2, Bulk data manipulation
Переглядів 933Рік тому
Bubble Workload Optimization tip #2, Bulk data manipulation
Bubble workload optimization tip # 1 Dropdown, Do every 60 seconds
Переглядів 841Рік тому
Bubble workload optimization tip # 1 Dropdown, Do every 60 seconds
Bubble.io New Pricing Demystified in 5 minutes | Workload units | Apr 2023
Переглядів 5 тис.Рік тому
Bubble.io New Pricing Demystified in 5 minutes | Workload units | Apr 2023
Former Goldman Sachs Asset Manager turned Youtuber turned Solo No-Code and @BubbleIO Founder
Переглядів 333Рік тому
Former Goldman Sachs Asset Manager turned UA-camr turned Solo No-Code and @BubbleIO Founder
How to access a user's data from Google Analytics 4 in @BubbleIO via OAuth?
Переглядів 564Рік тому
How to access a user's data from Google Analytics 4 in @BubbleIO via OAuth?
GoCardless Integration with Bubble.io | Payment processing | NoCode | API Connector
Переглядів 1,1 тис.Рік тому
GoCardless Integration with Bubble.io | Payment processing | NoCode | API Connector
How to filter a list using a list with advanced filters & multi-dropdowns in bubble.io
Переглядів 3 тис.Рік тому
How to filter a list using a list with advanced filters & multi-dropdowns in bubble.io
Launch your Startup with NoCode and AI | bubble.io | GPT | Seattle Angels Meetup
Переглядів 898Рік тому
Launch your Startup with NoCode and AI | bubble.io | GPT | Seattle Angels Meetup
How to Make an Offline Mobile App using Bubble
Переглядів 1,2 тис.2 роки тому
How to Make an Offline Mobile App using Bubble
Making a Design BUBBLE-ABLE | Tips for Designers
Переглядів 3622 роки тому
Making a Design BUBBLE-ABLE | Tips for Designers
Concluding Thoughts | Learn to Build Apps in 2022 [12/12]
Переглядів 1372 роки тому
Concluding Thoughts | Learn to Build Apps in 2022 [12/12]
What's Next? | Learn to Build Apps in 2022 [11/12]
Переглядів 1122 роки тому
What's Next? | Learn to Build Apps in 2022 [11/12]
Advanced Areas | Learn to Build Apps in 2022 [10/12]
Переглядів 1382 роки тому
Advanced Areas | Learn to Build Apps in 2022 [10/12]
Other Bubble Resources | Learn to Build Apps in 2022 [9/12]
Переглядів 1062 роки тому
Other Bubble Resources | Learn to Build Apps in 2022 [9/12]

КОМЕНТАРІ

  • @MortenJaszczur
    @MortenJaszczur Годину тому

    I've tried following these instructions but find myself struggling with loop function where we use the "do ever x seconds"-only when state is in progress. To me it seems like this runs whenever and not just for the condition. Any ideas?

  • @Callmejz.ai01
    @Callmejz.ai01 21 годину тому

    Love the before and after! Do I need a webhook? Do you have a video of just waiting 10 minutes to check back if the video has generated?

  • @decentralisedproperties8066
    @decentralisedproperties8066 6 днів тому

    how do we make this so its per user account?

    • @zubair_nocode
      @zubair_nocode 14 годин тому

      @@decentralisedproperties8066 save the thread ID in the database and add a field to relate it to the user

  • @쭈의일상
    @쭈의일상 9 днів тому

    Can you help me? On the app's main page, there's a replying group that shows Google Maps and a list of destinations, and I'm trying to set this status to stay the same even if I refresh the page. Suppose, for example, that the user chooses the 30th destination in a horizontally scrolling reporting group, moves the location of the map, and adjusts the zoom level to check the location of the destination on the map. If you move from this state to another page and then return to the main page, the reporting group will return to the first cell and the map will also return to its initial settings, resetting the zoom level and location. When you go from the main page to another page and then come back using the Go to Prevalent page or Go to page action, you want to make sure that the map's location and the reporting group stays the same before the page moves. Does this plug-in provide these features by any chance, or does it only provide the ability to store data before the page closes or changes? Also, I would appreciate it if you could let me know if you have developed a plug-in that can implement the functions I want.

  • @aisaluk
    @aisaluk 17 днів тому

    Been getting issues with formatting. Instead of getting bolded words, it returns responses in **. What would be the best solution for this?

    • @zubair_nocode
      @zubair_nocode 17 днів тому

      @@aisaluk are you asking the AI to return some words in bold? Add in the prompt to return in bbcode. That is the default markup language that bubble uses in text element. Then it should show bold in the front end

    • @aisaluk
      @aisaluk 16 днів тому

      @@zubair_nocode Yeap, in bold? You got any videos/tutorials at hand on bbcode? Thanks!

    • @aisaluk
      @aisaluk 10 днів тому

      @@zubair_nocode I thought I had sent this already ... question was if you had any quick tutorial videos around this issue at hand?

  • @johannouaki
    @johannouaki 21 день тому

    Your work is as always very helpful! When you need to send a image url from your bubble base it returns an error saying "unknown extension" because the urls bubble send are without extension, any solution for that?

    • @zubair_nocode
      @zubair_nocode 21 день тому

      @@johannouaki in the beginning?

    • @johannouaki
      @johannouaki 21 день тому

      @@zubair_nocode that's what I usually do but replicate keeps returning a "'unknown extension" (the url is not a .png or .jpg... whe stored on bubble)

    • @zubair_nocode
      @zubair_nocode 21 день тому

      @@johannouaki that is strange. The url does have the extension iirc

  • @augmetaai
    @augmetaai 25 днів тому

    How much does this cost in terms of Workload Units? Let's say someone has a 100 back and forth messages with an assistant on a given day, how much would this be in workload units?

  • @ikbenivo
    @ikbenivo 28 днів тому

    Really helpful. Thanks!

  • @junaidnazir7869
    @junaidnazir7869 29 днів тому

    Thank you Zubair bhai.

  • @psylentan1
    @psylentan1 Місяць тому

    outstanding tutorial! you are the Best!

  • @NoorVisvanathanSMMA
    @NoorVisvanathanSMMA Місяць тому

    ٱلسَّلَامُ عَلَيْكُمْ وَرَحْمَةُ ٱللَّٰهِ وَبَرَكَاتُهُ

  • @DonnieBalliet
    @DonnieBalliet Місяць тому

    Thanks for throwing these together. They are informative. However, I went down the polling method, and even though it only runs when the assistants call status is in progress, it still pings every second. I have to imagine that’s not ideal and that you’re using at least a workload unit every second With that method, right?

    • @zubair_nocode
      @zubair_nocode Місяць тому

      @@DonnieBalliet yea WU are used with the polling method. But only when needed.

  • @digitaltyro
    @digitaltyro Місяць тому

    Just did this! Still helpfu 8 months later, only thing missing is now you have to set a run_id parameter, but that's easy enough to figure out after your explanations you provided!

  • @chileanexperiment
    @chileanexperiment 2 місяці тому

    Great video! I watched twice. how can I get in touch with yOU?

  • @jalengonel
    @jalengonel 2 місяці тому

    Amazing explanation! Thank you!

  • @karllittle4184
    @karllittle4184 2 місяці тому

    Need help. Reach out to me please

  • @daviddang
    @daviddang 2 місяці тому

    thanks! a lot, is that possible to have a quick tutorial to display the chunks in the last part about streaming? thank you

  • @brodyjohnston04
    @brodyjohnston04 2 місяці тому

    Great video! Is there a way to download this as a template?

    • @zubair_nocode
      @zubair_nocode 2 місяці тому

      @@brodyjohnston04 afraid not yet

  • @DioggGS
    @DioggGS 2 місяці тому

    Oh bro, thank u so much! You have saved my life 🥰🥰

    • @zubair_nocode
      @zubair_nocode 2 місяці тому

      @@DioggGS thank you so much for the kind words

  • @wutzefreck
    @wutzefreck 2 місяці тому

    Really great! Thanks for guiding through the API setup process.

  • @businesshelp5848
    @businesshelp5848 2 місяці тому

    Thanks for this! Are you aware of anyone coaching or stamping templates for 3rd party servers for this use case?

    • @zubair_nocode
      @zubair_nocode 2 місяці тому

      not sure I understand 'stamping templates'. but there are plugins that have a small monthly fee and they maintain a 3rd party server for streaming

  • @randomtech5929
    @randomtech5929 2 місяці тому

    is there any detailed version for all of these? I have seen most people using these but not many explanations have been given on the subject

  • @HousseinAbil
    @HousseinAbil 2 місяці тому

    I didn't really understand the tip #4 about Empty Constraint. Should we Tick that box or not ?

  • @aminatacamara4974
    @aminatacamara4974 2 місяці тому

    Thank you for this helpfull video ! You have to do more videos please

  • @edubr-cursos
    @edubr-cursos 2 місяці тому

    Very good

  • @ABDULLAH-b2i8m
    @ABDULLAH-b2i8m 2 місяці тому

    Thanks a lot it is so valuable for any one to know these flows. I have question regarding to point of savings list of searching data in variable in state to avoid multiple search for same constraints I read about this scenario that bubble perform just one as they have same constraint If we have 5 do a search with same constraints bubble will just call one .

    • @zubair_nocode
      @zubair_nocode 2 місяці тому

      > If we have 5 do a search with same constraints bubble will just call one . There is definitely some kind of caching that happens. However, I read somewhere (airdev wiki) I think that this is not guaranteed behaviour. So they recommend fetching once & saving in a variable. Then referencing the variable. This guarentees a single fetch. The other ways may or may not guarantee a single fetch. Even in the scenario where its the same constraints on the fetch

  • @WebintiNoCode
    @WebintiNoCode 2 місяці тому

    Very good maybe explain longer the alternatives for beginner can be helpful.

    • @zubair_nocode
      @zubair_nocode 2 місяці тому

      Hmm. I'll try. Although even this short tutorial took hours to record. This youtube content production takes a surprisingly large amount of time!

  • @samjubril7654
    @samjubril7654 2 місяці тому

    This is very helpful and insightful. Thanks Zubair.

    • @zubair_nocode
      @zubair_nocode 2 місяці тому

      Your welcome. Anything you would like me to cover?

    • @samjubril7654
      @samjubril7654 2 місяці тому

      @@zubair_nocode In depth tutorial on backend workflows best practices would be great.

  • @anthonychapov
    @anthonychapov 2 місяці тому

    Please post the server script 🥲

  • @IngresoMinimoDigital
    @IngresoMinimoDigital 2 місяці тому

    Could you share the server script at the final of the video? Appreciate your content a lot, thnx in advance

  • @brandonmccrae5472
    @brandonmccrae5472 2 місяці тому

    Thanks! This is a much needed video.

  • @jahanzeb.khn07
    @jahanzeb.khn07 2 місяці тому

    Such a great tutorial!

  • @amitshemla
    @amitshemla 3 місяці тому

    Great content! i have a quick question based on this: Currently i created a new assistant in the playground and also activate the "file search" module + added a file called instruction file. Then i have build everything using your amazing guide, but i am getting a message like "please upload a file, we couldn't find the instruction file" or "we couldn't reach the instruction file" . If i am removing the attached file and copy all the text to the instruction field it's working great. but in general i do want to use the file options. Do you know why i am getting this message? do i need to do any action in terms of API if i already uplaoded the file to the playground ? THANKS!

  • @abhineetagrawal9038
    @abhineetagrawal9038 3 місяці тому

    does reloading the page with parameters still make it a single page app or only using states?

  • @shadabpervaiz7924
    @shadabpervaiz7924 3 місяці тому

    Thank you very much. Very Informative and very well explained video course. 💝

  • @NPN08
    @NPN08 3 місяці тому

    Can you do a step by step tutorial how this all works?

  • @NPN08
    @NPN08 3 місяці тому

    Can you post a video doing it step by step, I don't understand everything

    • @zubair_nocode
      @zubair_nocode 2 місяці тому

      @@NPN08 here you go ua-cam.com/video/cWKaYtf5BVg/v-deo.htmlsi=o51Mc2TvixZx-Ui0

  • @watchparth
    @watchparth 3 місяці тому

    Super neat trick!!

  • @BlundersandBreakthroughs
    @BlundersandBreakthroughs 3 місяці тому

    Zubair, thank you so much for this series! It has been super helpful. One quick question, I don't get the option to "Run my thread" in my plugins. I only get "Create a thread as an option". Because of this, I am unable to get a response from chat gpt. How can I fix this?

  • @johnslater8898
    @johnslater8898 4 місяці тому

    Zubair, I hope you are well! This was very helpful.

  • @zeeshanahmedjarral1761
    @zeeshanahmedjarral1761 4 місяці тому

    Please upload more videos in urdu

  • @HamzaHussain-of6ht
    @HamzaHussain-of6ht 4 місяці тому

    Assalam u alaikum zubair sir, i recently started learning bubble and i have some queries in my mind which are i have understanding of agency model buisness and i want to start my no code agency what steps should i follow? Is it compulsory for me to learn no code for myself to start no code agency? And the last is how i can get clients for that?

    • @azky
      @azky 4 місяці тому

      Wsalam, Mix of Sales/Marketing/Operations/Delivery. Check youtube about agency and those are the steps to follow. Nothing special about nocode agency or flutter or SEO or xyz agency. Someone needs to know about nocode.. otherwise how would results be delivered to a client.

  • @Coolio098
    @Coolio098 4 місяці тому

    Hello Zubair! Great tutorial thank you for sharing. I managed to get the API setup and I can send and return values. One bit of trouble I'm having is the data showing up immediately in the repeating group. When I type a new question and click Send, the repeating group refreshes and I can see the response to the previous question. Now the new question sits there with no response until I type a new question and click Send and so on. Anything you can think of that I'm doing incorrectly?

  • @SydneyScott-nt2tc
    @SydneyScott-nt2tc 4 місяці тому

    Hi. At 9:22 you talk about adding a new field to the database called Status with a Field type of Status. I am not able to find this field type in my drop down list. Is this coming from a plugin you are using?

  • @MichaelAlutaya
    @MichaelAlutaya 4 місяці тому

    Hello, You mentioned it's supposed to be Get a Run/Retrieve a Run but you seemed to paste Create A Run API.

  • @JustinDesignzz
    @JustinDesignzz 5 місяців тому

    Have you been able to integrate streaming yet?

    • @zubair_nocode
      @zubair_nocode 4 місяці тому

      close

    • @zubair_nocode
      @zubair_nocode 2 місяці тому

      @@JustinDesignzz basic streaming here ua-cam.com/video/cWKaYtf5BVg/v-deo.htmlsi=o51Mc2TvixZx-Ui0

  • @ThangHoang-dd8nc
    @ThangHoang-dd8nc 5 місяців тому

    Thank you! Can you give more help with setting up the webhook for the image model?

  • @martin-paczona
    @martin-paczona 5 місяців тому

    Great video, Can the assistants api handle file upload?

    • @zubair_nocode
      @zubair_nocode 5 місяців тому

      Yes it can. On my list to create a video about it

  • @martin-paczona
    @martin-paczona 5 місяців тому

    Great video, would be amazing if you can do a second video on the custom chatbot frontend

  • @eliskucevic340
    @eliskucevic340 5 місяців тому

    Can you provide a sample of the template you were using?