How-to-connect-supabase-storage-appsmith

Document explaining in detail how to make a connection and upload files to supabase storage

1. First we will create a new ahutentication API data source.
2. Let's navigate to the supabase dashboard to get our credentials.

3. Next in our url we will write it in this way

https://mritzxpfuqsbselcjefc.supabase.co/storage/v1/object/

4. Now we will add our apikey

5. Let's add bearer token authentication.

6. Now we add the bearer token It is the same token as the apikey

Perfect with this we should already have our connection made successfully.

How to upload files to supabase

1. We create a new bucket in supabase.

2. We create a new query in our appsmith application.

3. We will add a new Filepicker widget.

   

4. In the query created, we will add the name of our bucket and the file name to be created we will extract it from the filepicker.

   appsmith/{{FilePicker1.files[0].name}}

5. Then we will add this header.

   • key content-type value application/json

     

6. We will put the API method as post.

7. And finally we will add the information that we are going to load in the body in this way.

8. And ready now to test if it works, let's select a file with the file picker and execute the query.