Supabase Database Course - Fetch, Create, Modify, Delete Data (React / Supabase CRUD Tutorial)

In this video we create a React project with Supabase V2 which allows us to create, read, update, and delete products from a PostgreSQL table created in Supabase. This is a great beginner Supabase project and it allows people to understand how to manage CRUD supabase operations in their React applications. To get value out of this video, you don't need to create a React app. The ways of managing states / data should be similar throughout many different frameworks.

0:00 Intro / Project showcase
1:19 Create React App / Setup
2:40 Create user interface
14:15 Setup Supabase / PostgreSQL table
18:25 Fetch data (Get products)
24:45 Create data (Create product)
27:55 Modify data (Update product)
29:13 Delete data (Delete product)
30:37 Final project, thanks for watching!

[TetrisChemist]

it's criminal how few views this has when it's easily one of the most concise videos on the topic and explains everything so well

[prakharverma]

This video is an Underrated gem! Thanks cooper.

[salahaldinedouard]

Cooper Your Channel is the Best on Youtube for coding . I cant wait until your private site is up and running I will most Deff support you

[paulthomas]

Fantastic tutorial - well paced and great content. Cheers,

[huangvivi]

Thanks for you tutorial you just saved my life

[ramyadam]

Amazing explanation thank you very much ♥

[AndrewDBrown]

Great video - thank you so much - it's been a big help.

[BenDHu]

Thanks for the great tutorial. I do have one question though, even if you use .env per this is a frontend project, how can we guaranty the security of my supabase project anna key?

[MChiemelie]

This video has saved my ass today. How do implemnet the INSERT with Low Level Security?

[fistonkulimushi]

the update method does not work for me for some reason, console log says "data have been updated successfully"

[Ruben_Blogical_org]

Can you please make a video on how to get the data from a profile table to fetch it to their profile's page

[auroradreamy]

How will be image version of this not just name and description?

[hassan]

when creat product you had to setState to re-render instead of refresh because react is Declarative not Imperative

[TheRoddie]

Would you happen to know how to use subscribe to update the items in realtime without having to reload the page? I've been racking my brain to try to figure it out. Lol

[flames]

Can i ask?

If yes then— "how can you put a 'path' on the <settingsOutlineIcon/>? If you click it, it should help you to proceed to a settings index... i tried to search but i get no answers.. even the skilled person i asked wouldn't even give me an answer with this problem (sucks to be me ig) I hope someone can help me... "

If no then... sorry to waste your time.