How to connect Supabase backend in WeWeb
💡 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