Matt Neary
Matt Neary
  • 31
  • 1 182 597
Proof of Concept in seconds with Claude Artifacts
I just discovered Claude's Artifacts feature and used to to build a quick proof of concept for a Bubble plugin.
🎓 My complete beginner to hero Bubble course (50 hours of lessons) 👉 thinkitbuildit.co
⏱️ Timestamps:
00:00 Introduction
01:07 Experimental Prompt
02:09 Plugin Integration, Functionality Exploration
Bubble
bubble.io/
What are Artifacts?
support.anthropic.com/en/articles/9487310-what-are-artifacts-and-how-do-i-use-them
Happy Bubbling! 🎈🎉
#Bubble #ai #NoCode #AppDevelopment
zhlédnutí: 326

Video

Build a modular popup in Bubble and use it EVERYWHERE
zhlédnutí 3,1KPřed 4 měsíci
🎓 My complete beginner to hero Bubble course (50 hours of lessons) 👉 thinkitbuildit.co 🔲 Craft a beautiful interface for your Bubble app 👉 www.basislab.io Learn how to create a reusable confirmation pop-up in Bubble that adapts to different contexts, such as deleting tasks, projects, or displaying information. This tutorial walks you through the process of making your pop-up versatile by changi...
How to Prepare for Bubble's Developer Certification Exam
zhlédnutí 2,1KPřed 5 měsíci
These are my top tips for passing the Bubble Developer Exam 🎓 Complete zero-to-founder Bubble course (50 hours of lessons) 👉 thinkitbuildit.co 🔲 Craft a beautiful interface for your Bubble app 👉 www.basislab.io ⏱️ Timestamps: 00:00 Introduction to Bubble Certification Exam 00:52 Why the Bubble Certification Matters 01:58 Exam Overview: Question Types and Preparation Tips 02:48 Practical Exam Pr...
How to protect sensitive parts of your Bubble app
zhlédnutí 1,3KPřed 6 měsíci
Discover how to secure your Bubble app by implementing user role-based access controls. This tutorial will guide you through setting up roles, managing permissions, and ensuring that only authorised users can access specific pages or features within your application. ⏱️ Timestamps: 00:00 Understanding security risks 06:44 Understanding Client-Server Relationship 12:03 Securing Workflows and Act...
How Privacy Rules work in Bubble
zhlédnutí 1,7KPřed 6 měsíci
Privacy Rules are a negotiable, mission-critical part of your app. This video guides you through the essentials of setting up and understanding privacy rules within Bubble, ensuring your app's data remains secure from unauthorized access. 🔲 Craft a beautiful interface for your Bubble app 👉 www.basislab.io 🎓 Complete zero-to-founder Bubble course (50 hours of lessons) 👉 thinkitbuildit.co 🔨 Ask u...
How to build a user email preferences feature in Bubble
zhlédnutí 1,4KPřed 7 měsíci
Discover how to create a customisable email preferences system for your Bubble app users. 🔲 Craft a beautiful interface for your Bubble app 👉 www.basislab.io 🎓 Complete zero-to-founder Bubble course (50 hours of lessons) 👉 thinkitbuildit.co 🧱 Hire us to build your app 👉 studio.basislab.io/ ⏱️ Timestamps: 00:00 Introduction to User Email Preferences System 00:28 Understanding the Application Str...
Using Custom Code in your Bubble App - Real world examples
zhlédnutí 1,2KPřed 7 měsíci
How a little bit of Javascript and CSS can help you build anything in Bubble. 🔲 Craft a beautiful interface for your Bubble app 👉 www.basislab.io 🎓 Learn to build your next big idea with Bubble (50 hours of lessons) 👉 thinkitbuildit.co ⏱️ Timestamps: 00:00 Introduction 05:22 Browser Devtools and HTML IDs 12:09 Using ChatGPT to learn 14:08 Injecting custom CSS 18:29 Generating unique HTML IDs 21...
Sending Transactional Emails with Loops + Bubble
zhlédnutí 2,4KPřed 7 měsíci
🔲 Craft a beautiful interface for your Bubble app 👉 www.basislab.io 🎓 Complete zero-to-founder Bubble course (50 hours of lessons) 👉 thinkitbuildit.co We explore the world of transactional emails and how you can effectively use Loops to send them from your Bubble application. ⏱️ Timestamps: 00:00 Introduction to Transactional Emails with Loops 01:00 Understanding Transactional vs Marketing Emai...
Build an AI 'chat with image' app in 10 minutes | Bubble x OpenAI
zhlédnutí 9KPřed 7 měsíci
In this tutorial you're learn how to build a simple AI application that can see and respond to user uploaded images all with no-code. We'll use Bubble.io, Basis, and OpenAI's Vision API. Basis Design Components 👉 www.basislab.io/ New to Bubble? Start here 👉 czcams.com/video/CSMx0cTa6Ls/video.html
Webhook Security in Bubble
zhlédnutí 2,3KPřed rokem
🎓 This is a free lesson from my Bubble course 👉 thinkitbuildit.co IN THIS VIDEO You'll learn about the issues with unsecured webhooks and how to protect your own webhook endpoints in Bubble using Hookdeck. This is a workaround of the limitation that Bubble has where they format the raw request body of any incoming requests to your app, a raw body that you need to be undisturbed in order to use ...
How Webhooks work in Bubble
zhlédnutí 5KPřed rokem
🎓 This is a free lesson from my zero-to-hero Bubble course 👉 thinkitbuildit.co IN THIS VIDEO You'll learn what Webhooks are, how they work, and how to set them up in Bubble. Make sure to also check out the next video on Webhook security - czcams.com/video/XZoRxOMlfsE/video.html ⌚ TABLE OF CONTENTS 00:00 What are web hooks 07:20 What we’ll be building 09:12 A note on the native Bubble Stripe plu...
How API's work in Bubble
zhlédnutí 20KPřed rokem
🎓 This is a free lesson from my Bubble course 👉 thinkitbuildit.co IN THIS VIDEO You'll learn what APIs are, how they work, and how to connect your Bubble app to them. ⌚ TABLE OF CONTENTS 00:00 - Conceptual introduction to APIs 10:46 - Reading API documentation 15:30- What is JSON? 19:04 - Making our first API call from Bubble 25:18 - Accessing the API output in our Bubble app 31:51 - Sending dy...
How to generate test users for your Bubble app
zhlédnutí 3,7KPřed rokem
We all need to test our apps while logged in as test users. Here's a quick and easy way to generate them. 🎓 My complete Bubble course for beginners 👉 thinkitbuildit.co/ 🕐 Timestamps 00:00 - Intro 00:59 - The setup 04:27 - Creating a 'Sign up as test user' button
Recursive workflows in Bubble (OR, HOW TO LOOP THROUGH A LIST)
zhlédnutí 17KPřed rokem
Recursive workflows are a powerful way to make changes to large datasets in Bubble. In this video will learn what they are, and how to set them up. 🎓 For more videos like this, check out my complete Bubble course (45 hours of lessons) 👉 thinkitbuildit.co
How to create a mobile responsive dashboard layout in Bubble: Dashboard tutorial 3/3
zhlédnutí 17KPřed 2 lety
Make sure to watch the other two videos in this series first! 🎓 For more videos like this, check out my complete Bubble course (45 hours of lessons) 👉 thinkitbuildit.co 🕐 Timestamps 00:00 - Intro 00:33 - Sidebar collapse UX patterns 02:30 - Collapse 'on click' logic 12:34 - Expanding 'on click' logic 19:03 - Smooth transitions & UI cleanup 23:09 - Creating breakpoints 28:22 - Overlaying the sid...
How to create a subtabs dashboard layout in Bubble: Dashboard tutorial 2/3
zhlédnutí 22KPřed 2 lety
How to create a subtabs dashboard layout in Bubble: Dashboard tutorial 2/3
How I use Miro to scope web development projects
zhlédnutí 7KPřed 2 lety
How I use Miro to scope web development projects
How to search for 'any matching items' in Bubble.
zhlédnutí 10KPřed 2 lety
How to search for 'any matching items' in Bubble.
How to do nested comments in Bubble
zhlédnutí 8KPřed 2 lety
How to do nested comments in Bubble
How to build a simple dashboard in Bubble: Dashboard tutorial 1/3
zhlédnutí 66KPřed 2 lety
How to build a simple dashboard in Bubble: Dashboard tutorial 1/3
Bubble Build Diary: Meal Planner App | Day 3 (UI + UX building)
zhlédnutí 4,9KPřed 2 lety
Bubble Build Diary: Meal Planner App | Day 3 (UI UX building)
Bubble Build Diary: Meal Planner App | Day 2 (wireframing + more prototyping)
zhlédnutí 3,1KPřed 2 lety
Bubble Build Diary: Meal Planner App | Day 2 (wireframing more prototyping)
Bubble Responsive Design Crash Course
zhlédnutí 71KPřed 2 lety
Bubble Responsive Design Crash Course
Bubble Build Diary: Meal Planner App | Day 1 (Prototyping)
zhlédnutí 6KPřed 2 lety
Bubble Build Diary: Meal Planner App | Day 1 (Prototyping)
How data moves through your app - for Bubble beginners
zhlédnutí 16KPřed 2 lety
How data moves through your app - for Bubble beginners
Bubble Crash Course for Beginners
zhlédnutí 630KPřed 2 lety
Bubble Crash Course for Beginners
Build a Facebook-like commenting system in Bubble
zhlédnutí 11KPřed 3 lety
Build a Facebook-like commenting system in Bubble
Good database design in Bubble
zhlédnutí 41KPřed 3 lety
Good database design in Bubble
Bubble.is Tutorial for Beginners (Part 2) - Custom states and signing up users
zhlédnutí 27KPřed 5 lety
Bubble.is Tutorial for Beginners (Part 2) - Custom states and signing up users
Bubble.io Tutorial for Beginners - Build a Marketplace Web App without Code
zhlédnutí 170KPřed 5 lety
Bubble.io Tutorial for Beginners - Build a Marketplace Web App without Code

Komentáře

  • @GeertBonamie
    @GeertBonamie Před 2 dny

    Thank you so much for putting this together! Watched it in one go while I'm ill on the sofa, but despite that I can't wait to get started on this. I'd like to make a reservation tool for my company, where people can book cameras, tripods, lenses, etc from our communication department. Sounds simple enough but I'm sure I'll be facing issues, such as conflicting bookings, or perhaps showing the number of cameras that are available at any given time. I'd also like to implement a system of recurring bookings, whereby a user can book the same equipment for a few different time slots. Bookings also need to be approved by people with a permission role of 'moderator' or something similar. Anyway, thank you again -this was a very valuable learning experience, not in the least because you don't just focus on 'click here, then there' but also explain the rationale. Great great stuff, and congratulations are in order!

  • @DanMachlenkin
    @DanMachlenkin Před 3 dny

    Thank You Very Much :)

  • @yashwanthn7690
    @yashwanthn7690 Před 4 dny

    One of the best tutorial for bubble I came accross until now, great job @matt... keep it going!

  • @IsaacBG84
    @IsaacBG84 Před 4 dny

    Why floating group? Is because you can retract it or disappear if user wants to have better vision?

  • @happyboss555
    @happyboss555 Před 7 dny

    Thank you, very clear. If I want to build a post wall like facebook, I just warp the post (parent group) into another repeating group of posts right?

  • @aidrivendesigners
    @aidrivendesigners Před 11 dny

    Your explanations of what is happening and the visual aids are absolutely stellar man!! Thank you for your time and knowledge 🙏

  • @ka0snz85
    @ka0snz85 Před 15 dny

    Great vid. At 15:33 you select an icon inside a repeating group that you can access data from later when clicking confirm in your confirmation popup. Is this still possible if using a table row instead of a repeating group? Im having a bit of trouble with that one.

  • @itsafabianlife
    @itsafabianlife Před 18 dny

    3 + hours of pure value. thx mate 😀

  • @michaelxmaycon
    @michaelxmaycon Před 18 dny

    This is interesting, thanks for sharing

  • @Anonimo205i
    @Anonimo205i Před 20 dny

    Ohhhh This is awesome, coming from think it build it :D

  • @ogvalentinexiv
    @ogvalentinexiv Před 24 dny

    Thank you for this. Is there a workaround to add the "https" to multiple images (using the bubble multi image uploader)? I've tried to find "//" and replace with "" for each image url. UX would be so much better if I could in take several images for processing in the api.

  • @PhysioFranky
    @PhysioFranky Před 26 dny

    Very helpful video. I just can't bare the sound a sharpie makes 😂

  • @DanGameDev
    @DanGameDev Před 26 dny

    Phenomenal video - thank you!

  • @ambientsleep2250
    @ambientsleep2250 Před 27 dny

    Plz add link in description to the Bubble Docs regarding databases that you mentioned. Great vid!

  • @stoneman2187
    @stoneman2187 Před 29 dny

    Great tutorial mate! Thank you ❤

  • @RishitBhatt-w3j
    @RishitBhatt-w3j Před měsícem

    If I have data in stripe a lots of data can i retrieve all of that data in bubble from stripe.... is that possible from webhooks???

  • @matthewwetter6909
    @matthewwetter6909 Před měsícem

    I don't have that field type "task" 33:30... do you have to be on the paid version of Bubble to access that?

  • @saadhowlader4019
    @saadhowlader4019 Před měsícem

    Im 30 minutes and im amazed by your easy to understand explanations. Will i be able to build an app with what will be covered in this video?

  • @user-nm5xi6uq1t
    @user-nm5xi6uq1t Před měsícem

    From builder Central link

  • @leocardoso3747
    @leocardoso3747 Před měsícem

    Thanks man!!! You're an awesome teacher!!! Regards from Brazil!!!

  • @jishnusurendran8467
    @jishnusurendran8467 Před měsícem

    Extremely helpful Matt, thanks a lot!

  • @jahanzeb.khn07
    @jahanzeb.khn07 Před měsícem

    Thanks for the tutorial. Shifted from postmark to loops.

  • @JamesDaly
    @JamesDaly Před měsícem

    Incredible tutorial, so clearly explained. Loved that you explained the theory, rather than just a step-by-step, so we can apply it to our apps with full understanding instead of just following instructions. Teach a man to fish and all that! Thanks Matt!

  • @BacYawd
    @BacYawd Před měsícem

    thanks so much💯

  • @ericksousa5666
    @ericksousa5666 Před měsícem

    Great video. Thank you so much. A quick question, I could set a limit of 5 comments, but wondering how the user could move to the next 5 older comments?

  • @SporteeGamer
    @SporteeGamer Před 2 měsíci

    Alert 38:43

  • @remkomooi6040
    @remkomooi6040 Před 2 měsíci

    Very useful. However, I'd think that Bubble searches are faster when you take the post as a basis, and search for the related comments, rather than the other way around. This is because once you have a database with potentially 10.000's of comments, searching through all these for their parent post should take longer than searching for the child comments of one post. What do you think?

  • @BookingsCleanFanatics
    @BookingsCleanFanatics Před 2 měsíci

    here was an issue setting up your call. Raw response for the API Status code 404 { "error": { "message": "The model `gpt-4o` does not exist or you do not have access to it.", "type": "invalid_request_error", "param": null, "code": "model_not_found" } } I got this and tried more combinations for models like chatgpt-3.5 or chatgpt-3.5-turbo but not getting ay success

    • @zainethorp1721
      @zainethorp1721 Před měsícem

      maybe you havent set up your open ai account properly (open ai APIs account), you might need to put money into your account. Just guessing I had a similar thing and I'm pretty sure that's what I did to fix it.

    • @zainethorp1721
      @zainethorp1721 Před měsícem

      open ai also has a document to explain their error codes which would help

  • @mamadoumaladhodiallo8588
    @mamadoumaladhodiallo8588 Před 2 měsíci

    Hello teacher, need your help to integrate a API paiement in bubble with api connector

  • @actualpcgamer
    @actualpcgamer Před 2 měsíci

    Hey Matt thank you for everything you’ve done for this community, you typically have the best tutorials out of the Bubble creators. With that said this video felt extremely convoluted due to illustrating the “wrong” way of doing it, and even after watching it twice it was hard to understand the basic concepts. Not sure if it’s because you were sick while filming but wanted to put it out there all the same.

    • @mneary
      @mneary Před 2 měsíci

      Hey really appreciate that feedback! Will Keep it in mind for the next ones.

  • @Love_all_cats
    @Love_all_cats Před 2 měsíci

    Hi can anyone help me, while creating user signup/login pop-up form, i am unable to add group on the pup, it is keep going above than pop-up. it is aligning with the header box. It is happening like this because the page size of reuseable header is small. But in video it is working perfectly fine. (1:50:50 )

  • @hustlin_heev
    @hustlin_heev Před 2 měsíci

    hey Matt, can you put an invisible group behind the floating group side bar to achieve the same thing?

  • @sma_bari
    @sma_bari Před 2 měsíci

    fuck who knew no code builders can also make you a programmer... damn

  • @mladenkaradzic3836
    @mladenkaradzic3836 Před 2 měsíci

    How hard would it be to implement nested comments with replies functionality? So each reply, have it's own reply button? And how to you perform this in Bubble? Is even possible?

  • @mohammedalsaggaf1
    @mohammedalsaggaf1 Před 2 měsíci

    hi bro, how are you, the results appear fine for me, but in the results and heading I see symbols such as the asterisk* symbol and the hashtag# in the results How do I stop chatGPT API from showing symbols in the results?

  • @kipyegonkurgat5615
    @kipyegonkurgat5615 Před 2 měsíci

    Nice one

  • @Alizi85
    @Alizi85 Před 2 měsíci

    Thank you for this video, but I have a problem dispalying content for the Subatabs, I've tried everything in the comments field here.

  • @w.g.meijer7388
    @w.g.meijer7388 Před 2 měsíci

    Legend! very good video explaining this!!! keep up the good work here!

    • @w.g.meijer7388
      @w.g.meijer7388 Před 2 měsíci

      21:45 pizza shop domino ;)?

    • @w.g.meijer7388
      @w.g.meijer7388 Před 2 měsíci

      only when in api, is index < count yes? not still users:count. ?

  • @milicavujovic8627
    @milicavujovic8627 Před 2 měsíci

    I bet you found out about this by miss clicking 🤣

  • @aleksandarmiletic3814
    @aleksandarmiletic3814 Před 3 měsíci

    This is what every, not only beginner, but also every user of Bubble have to watch. These are esentials you described in right way for understanding how things are working. Not only how to do, but also how every user have to think when building apps. Based on this tutorial, now I can build more complex apps because you explained how things are working. This is not the video crowded with so many examples, this is about what is inside of the nutshell. Thanks Matt

  • @galdx_
    @galdx_ Před 3 měsíci

    Hey Matt, did you drop the airdev template for good? Any reason for that? Thanks for the ever great content!

  • @rosandabus
    @rosandabus Před 3 měsíci

    Tnks man. Very helpful!

  • @marianradulescu6730
    @marianradulescu6730 Před 3 měsíci

    Realy great, thank you !

  • @MarkTomlet
    @MarkTomlet Před 3 měsíci

    Very well done video. Sound is great. Visuals on point. Editing crisp.

  • @uriassousa
    @uriassousa Před 3 měsíci

    Can you tell me if there is a platform where you develop completely "nocode" and then "containerize" this app to run on Docker, Kubernetes...

  • @lionesseagle3872
    @lionesseagle3872 Před 3 měsíci

    You have a talent for explaining things easily, thank you for the quality content

  • @jordanmarie.x
    @jordanmarie.x Před 3 měsíci

    Thanks, Matt! Forcing myself to finally do it! 🎉

  • @konradgasiorek1227
    @konradgasiorek1227 Před 3 měsíci

    Hi. What if you need something like 5 levels of url subtabs. Ex: dashboard/customers/detailsview/fullview. Would you add more option sets in subtabs or add subsubtabs in the options? How would you go about a bigger hierarchy essentially

  • @blah7745
    @blah7745 Před 3 měsíci

    Would openai be able to access the image if it set as private upload for sensitive applications?

    • @derekroetzel
      @derekroetzel Před 3 měsíci

      I have the same question, and I'm having trouble finding an answer.

  • @simoncolomina6970
    @simoncolomina6970 Před 3 měsíci

    Wonderful video with simple explanations! Just one thing, the app link doesn't seem to work anymore. If you could update it, It would be awesome 😀