How to connect Supabase backend in WeWeb

Published: 07 September 2023
on channel: WeWeb

6,902

💡 Supabase Auth: Changes to default email provider : https://github.com/orgs/supabase/disc...

WeWeb offers native integrations to Supabase.
Using car marketplace use case where users can buy and rent cars, in this tutorial we walk you step by step through -

• Setting up Supabase plugin to display a list of cars in the car marketplace.
• Fetching data from Supabase tables and managing row-level security policies to control access.
• Handling relationships between tables, and display the related data in WeWeb.
• How to use formulas to format data, bind it to UI elements, and display images from a Supabase CDN.
• Best practices for efficiently managing data and optimizing performance as your project scales in WeWeb.

Documentation:
➡ https://docs.weweb.io/plugins/data-so...

*****
Subscribe to our channel to be the first to hear about new video releases! 🙂 / @weweb

WeWeb is a no-code platform that empowers anyone to create pixel-perfect frontends on top of any backend without vendor lock-in. Why limit yourself by a monolithic architecture? Our mission is to enable you to build scalable web applications 10x faster. Whether you're a first-time entrepreneur or an enterprise-grade company, you can turn your ideas into fully functional, scalable solutions — faster and cheaper than you could with just code.

Have a question? Please visit https://support.weweb.io/.

Learn more about WeWeb:
🏠 Homepage: https://weweb.io/
📣 Twitter: https://x.com/weweb_io
❤️ Community: https://community.weweb.io/

00:00 - Intro and use case
00:18 - Add Supabase plugin
01:02 - Realtime tables
01:30 - Fetch data from a table
02:06 - Row Level Security
03:02 - Policies in Supabase
03:58 - Reference fields (Advanced mode method)
08:09 - Display collection items in WeWeb
08:58 - Concatenate formula
09:50 - Format numbers (with custom formula)
11:31 - Display currencies
12:00 - Reference fields (lookup collections method)
14:50 - Format text
15:33 - Display images

#tutorial #supabase #nocode #frontenddevelopment #weweb

Watch video How to connect Supabase backend in WeWeb online, duration hours minute second in high quality that is uploaded to the channel WeWeb 07 September 2023. Share the link to the video on social media so that your subscribers and friends will also watch this video. This video clip has been viewed 6,902 times and liked it 83 visitors.

419