In this video I’ll show how you can integrate Wasabi with your Bubble.io app. Using Wasabi to store files can be a great way of saving money vs. using the standard Bubble file storage, particularly if you’re building a file-heavy app.
You’ll learn how to:
- Register for a Wasabi account and create a bucket in a specific region
- Connect your Bubble app to Wasabi with the CT File Uploader plugin
- Set up the file dropzone so that your users can add specific types of files
- Securely upload files via a predesigned URL
- Show users the upload progress for each file they’re uploading
- Display files uploaded to a Wasabi bucket in a repeating group
- Download files from your bucket
Links
🖌️ CT File Uploader - Wasabi plugin
https://bubble.io/plugin/ct-file-uploader---wasabi-1736336976313x902005855499583500
🔗 Plugin demo app (used in the video)
https://ct-file-uploader-demo.bubbleapps.io/
📧 Plugin Support
https://www.cranfordtech.com/contact
🎨 Check out our other Templates and Plugins
https://bubble.io/contributor/1639725919422x893231862142530600
💼 Custom app development
https://www.cranfordtech.com/hire-us
Timeline
00:00 Introduction
01:07 Signing up for Wasabi
03:15 Connecting your Bubble app to Wasabi
07:00 Creating a bucket in Wasabi
09:25 Setting up the file drop zone
19:27 Uploading files to Wasabi - method #1: automatically uploading files when they’re added to the dropzone
25:37 Uploading files to Wasabi - method #2: uploading files based on a trigger (button click)
27:45 Warming server side actions
30:03 Showing file upload progress
32:00 Downloading files from a Wasabi bucket