Learn Supabase (Firebase Alternative) - Full Tutorial for Beginners

Learn how to use Supabase in this full course for beginners. Supabase is an open source Firebase alternative for building secure and performant Postgres backends with minimal configuration.
💻 Code: github.com/guillaumeduhan/sup...
✏️ Course developed by ‪@codewithguillaume‬
⭐️ Contents ⭐️
⌨️ (0:00:00) Introduction
⌨️ (0:04:13) Create a project
⌨️ (0:15:58) Tables
⌨️ (0:30:37) RLS (Row Level Security)
⌨️ (0:44:52) Authentication
⌨️ (0:53:49) User management
⌨️ (0:59:16) Recover password
⌨️ (1:04:37) E-mails templates
⌨️ (1:11:28) URL Configuration
⌨️ (1:13:54) Read, insert or delete
⌨️ (1:32:09) Subscriptions
⌨️ (1:40:16) Relations
⌨️ (1:45:15) Functions
⌨️ (1:52:00) Triggers
⌨️ (2:00:37) Schemas
⌨️ (2:05:02) Storage
⌨️ (2:12:49) Logs
⌨️ (2:19:11) Extensions
⌨️ (2:24:43) Realtime
⌨️ (2:30:04) Edge-functions
⌨️ (2:44:14) Webhooks
⌨️ (2:49:53) Self-host or Local dev
🎉 Thanks to our Champion and Sponsor supporters:
👾 davthecoder
👾 jedi-or-sith
👾 南宮千影
👾 Agustín Kussrow
👾 Nattira Maneerat
👾 Heather Wcislo
👾 Serhiy Kalinets
👾 Justin Hual
👾 Otis Morgan
--
Learn to code for free and get a developer job: www.freecodecamp.org
Read hundreds of articles on programming: freecodecamp.org/news

[@codewithguillaume]

Hello everyone! I hope you will enjoy this course on Supabase as much as I enjoyed creating it :) Best !

[@mmadictos5356]

You are the best Guillaume!

[@rezwannayem5618]

It was awesome 🎉 ❤

[@meta2717]

great training thanks! I was confused by the Emily Williams example. At 1:19:13 she was client_id: "689944a1-6655-45b2-944a-e0ef73905feb" and then after 1:24:57 she was client_id: "afe8c2a3-3d38-4c0b-afca-23ce643d50f9" Both had the same address, zip, city, name. Why the change??

[@devinosborne3396]

Thank you sir!

[@pcv-free-as-a-bird]

Merci Guillaume! J'aurais espéré avoir le cours en français mais ca va faire le travail! Je vais suivre ta chaine et merci pour tous le contenus. Bonjour de Montréal, Québec.

[@farajianderson7690]

Great tutorial. Please consider having the URL address bar in the video shots It helps those of us who are paying attention to routing.

[@jyllmentzer1956]

Thank you for this video!! It's exactly what I have been needing and looking for

[@killerdroid99]

I have been hosting postgres dbs on supabase for a long time and tbh it is quite reliable

[@kasper369]

Thanks for this amazing course.

[@slip-shape994]

Thanks for sharing videos with us 🙏

[@lukas.webdev]

Awesome accent, awesome tutorial! 😜 Thanks for sharing with the community, keep it up! 👍

[@razdingz]

i like this bro style

[@piattidjoka8946]

Thanks for the sharing

[@Houseofstartup]

I need this thanks for this

[@millennialsdev]

Thanksss! I love supabase!

[@abeercodes]

exactly when I needed

[@user-qk4fu7rz8x]

Just a point to note :) There is no need of surrounding the async Supabase operation code with a try catch block since if an error occurs during the execution of the asynchronous operation, it will be captured in the error variable that you destructor and you can check for errors there.

[@Munk-tt6tz]

Sorry I'm a newbie so may be a silly question, but what if there is an issue with calling supabase itself, not the error from db, but may be some network issue or some unexpected exception? Do we still need the try/catch? Thank you in advance

[@user-qk4fu7rz8x]

​@@Munk-tt6tz If supabase gives you an error, then no need for try catch. Like for the CRUD operations, you destructure { error }, so any types of exception whether network went off etc. that may arise from doing the operation will be captured by without try catch.

[@florentd.5817]

Great a french tutorial !

[@wishmeheaven]

Thank you for the tutorial. Does it also for Javascript students that aren't familiar with Typescript, As well as React students who aren't familiar with Vue?

[@namaefumei]

Thanks a lot!

[@paulhmason]

Damn - I thought it was Wil Wheaton for a few seconds there. 😆

[@subeeradam098]

Nice❤

[@maq3009]

Oui Oui Monsieur!

[@user-yn7xh6ft4r]

Hi Guillaume, nice work ! There is something off about the recover password section. You are recovering the password while you are still authenticated. I believe that we recover the password because we can't authenticate. Also, the link does not contain any unique parameters, what prevents us from just navigating to the recovery URL ?

[@user-qk4fu7rz8x]

1. Supabase recovers/updates password only when you are authenticated, this can be seen when you click the recovery email sent, it automatically sends a token and logs you in even though you were not previously logged in. That is just how it works you have to be logged in to update password whether you logged in via the login form or from clicking the password reset link which auto logs you in. 2. The link contains some unique parameters with the access token, it changes so fast you can barely see it but you can write code to capture the access token and check if it is there and maybe find a means to verify if it is a legit one sent from Supabase not just user typed. Moreover, you can prevent one from accessing the recovery URL by checking if the user is logged in, if not redirect back to another URL of your choice with an error toaster. You can get the code of getting the current user if logged in from the Supabase docs.

[@serialKillerReborn]

absolutely i noticed that too

[@ihmeita]

Can you give more details about your app in this video?

[@user-ri5gl6tx3f]

Does Superbase have function to ba a backend for budget tracking app? Thank you!

[@nahnahamponsah3]

Does it has automatic sources code

[@Viralplace]

How can I trigger policy on orders table? (37:50)

[@mateusz.mirkowski]

Whats the difference between subscribe and real time?

[@davidgardner9346]

What this video is: a showcase of Supabase's capabilities and when to use them. What this video is NOT: a tutorial showing how to build a working application with Supabase. When you finish, you should understand the advantages of using Supabase, but you won't have actually implemented a working application. Personally, that was what I was looking for.

[@chubbyBunny94]

Never heard of it; is it better than firebase?

[@abhilashpatel6852]

One big difference is that it uses relational DB than propriety noSQL. If you want that it's better.

[@rahulagarwal968]

Hello. I also create programming courses. How can I submit my course in this channel ?

[@freecodecamp]

You can email beau@[channelName]

[@rithtoo121]

Please have app write full course too; thank you

[@user-os7qt6ny7l]

I have an application made with react js and Supabase I would like to know how I can make it so that the administrator profile can create, edit, update, delete seller type profile users, that is, so that seller type users can enter or authenticate in the application they have to be previously created by the administrator from their profile, the administrator provides the seller-type users with a name and password by another means, whether paper or other means, and the users enter the data provided by the administrator and if they are correct, they enter to your seller profile, how can I implement this functionality using only react js and Supabase, without needing to use Node js and express

[@MichaelMantion]

The lack of a demo makes this video very lacking. I don't understand people who make these videos. Its like telling you how to make a chicken soup but never shows the final result.

[@jorgeayala249]

Por los menos una traduccion en español por la pantalla

[@mariaruiz-el9wr]

здравая тема

[@frontend_ko]

59:25

[@EduardoHndz-ps2qf]

30:56

[@FatahChan]

So I just finished the recovery password part, and that part is so bad, no one should follow it, this is a demo app which is fine i guess

[@sonumondal5322]

Supabase cannot be an alternative to Firebase in the truest sense since Supabase is a good Relational Database Solution, whereas Firebase is a good NoSQL database with other capabilities.

[@bilalbilalbilal7]

How do you implement Full Text Search in Firebase?

[@user-lf3ev6zv5q]

@@bilalbilalbilal7 nah they don't have than on firebase + queries are limited too

[@CodeRoyce]

🤔🤔🤔

[@chinnitarun6676]

First❤

[@slip-shape994]

No I am the first 🥇

[@rashedul360]

First view

[@akshatchaube1213]

Why is supabase better ?

[@the.agent.k]

supabase is a just another vendor lockin

[@elruinnou]

Luckily it’s both cloud and offline implementation

[@jameshansen801]

Instead of creating a tutorial for people who can't read what's in front of them, how about creating one where the supposed teacher explains why they're doing what they're doing... you know, how a tutorial is supposed to be?

[@adrian333dev]

French accent is soo cringe 🤣🤣🤣