‫And now to wrap up this Supabase crash course,
‫let's quickly set up two storage buckets
‫where we can upload large files to.
‫So back in Supabase,
‫let's select the storage from the menu.
‫And then here we can very easily
‫create a new storage bucket.
‫So let's create one for avatars,
‫so basically for the avatar of our application users.
‫And then let's make this a public bucket,
‫so that anyone can actually read the URL
‫of all the files that are in the bucket.
‫So that's actually not really a problem,
‫because role level security policies
‫are still gonna be required for operations
‫such as uploading or deleting files.
‫So we can just save it like this,
‫give it some time,
‫and then let's also create another one for our cabin images.
‫And again, let's make it public,
‫so that we can actually display the images from here
‫on our webpage.
‫So let's save that.
‫And then once the bucket is created,
‫we can very easily upload files here
‫just by drag and dropping.
‫And so we already have our files actually,
‫so on our desktop here in the source,
‫and then data, and then cabins,
‫here, we have our images.
‫So let's grab them and drag
‫and drop them right here.
‫And so now they are going to be uploaded here.
‫So that's gonna take some time.
‫So I will be back here once this has been finished.
‫(no audio)
‫So here we have now one image of each of the cabins.
‫And so let's try this one.
‫So we can click here, then we can see the file.
‫We can see when it has been added.
‫We can see the size, and we can see the image itself.
‫What we can also do is when we right click here,
‫or also here, get the URL.
‫So let's try that.
‫And then here in our cabin page,
‫let's just quickly create an image with that source.
‫Give it a save,
‫and well, there it is.
‫So we just easily updated an image here to our Supabase,
‫and are now able to render it here on our page.
‫Nice.
‫And by the way, I created these cabin images here
‫using Midjourney sometime ago,
‫so that that was still using version four.
‫But now that version five is already out
‫and getting better every day,
‫this already looks like old news here.
‫But still, these images are very nice and very pretty,
‫and so they are more than enough here for or application.
‫Now finally what I'm gonna do
‫is since we already have this URL,
‫I will go here to the table editor,
‫and then in the cabins, I will add that URL.
‫So we can just double click here and then save it.
‫And so now if we load our data into the application again,
‫we should be able to see that URL right there.
‫So indeed, there it is.
‫Great.
‫And of course, in one of the lectures a bit later,
‫we will also learn how to programmatically upload images
‫to one of our buckets.
‫Awesome.
‫So with this, we finished the Suprabase crash course.
‫So we have our data inside our application now,
‫so we just loaded it like this.
‫But now we actually want to also manage this state
‫in our application.
‫And so that's where React Query
‫that we have been talking about so much
‫will finally come into play.
‫And so I'm really excited to finally show you
‫my favorite React third party library in the next section.