Supabase Tutorial #3 - Fetching Data

In this Supabase tutorial you'll learn how to fetch data from the database using the Supabase client library.
🐱‍💻 Access the course files on GitHub:
github.com/iamshaunjp/Supabas...
🐱‍💻 React Complete Tutorial (on Net Ninja Pro):
netninja.dev/p/build-websites...
🔥🔥🔥 Other resources:
Supabase docs - supabase.com/docs
⭐⭐ Get access to all free & PREMIUM courses on Net Ninja Pro:
net-ninja-pro.teachable.com/p...

[@sanan4li]

All those who are facing empty array value. Please disable RLS(Row Level Security) or add a policy for RSL. I spent 4 hours on that

[@favour_ukonu8615]

Thank you very much! I had the same error, your comment helped.

[@rheavictor7]

Jesus Christ, you saved me. Was starting to get annoyed by this, thanks!

[@Matsuyama945]

Thank you bro, I just recently got this issue and im so confused what happened, i will check it later coz im so tired😂

[@chriszecheru2323]

Real one

[@t.gmultiplex2838]

😂😂 I just got this issue and solved it after 5 hours and now seeing your comment still thanks

[@Omerko]

Just started following this series.. I do prefer Firebase, but I gotta say.. Supabase UI and its own client looks super easy to learn and use... Continue with it please, I am keen to complete this series.

[@rebelmachine88]

Subabase definitely gives a great first impression and has some really easy to use starter materials. Very impressive! Looking forward to this series 😁

[@benfrese3573]

I thought the same about Firebase. Seems amazing and I am so down for this series too :)

[@benfrese3573]

Hey mate, you run one of the best programming channels on YT and I am very thankful for your content.

[@NetNinja]

Thanks Ben, that means a lot :)

[@nikkukumari6396]

why my data are not showing while there is no error.

[@zsomborbiro279]

One question, how could you fetch data from database when you had no RLS enabled and used anon key witch only works with RLS enabled?

[@dikshantsolanki9423]

I am reaching to the console.log(data) thing but it is not showing any data just bunch of other things and even when i tried to console.log(data.title) as i have created on superbase it is saying undefined

[@mountaingoatgaminggg9395]

Been following this tutorial and has been a god send for the project Im working on, an issue I am running into with my forms that I am creating is that the id row isnt auto incrementing, keeps trying to duplicate the ID. I can hard code it in the dashboard and run it that way and it'll work, not sure what Im doing wrong

[@johnpaul5836]

Does supabase provide any tools to allow you to create the db schema in the file system?

[@user-ek6il2uc6s]

i used this to for a sveltekit project of mine and modified the code for sveltekit but it is'nt working? Help!

[@ShaunyTravels.]

If i want to uplaod a diet plan and retrieve and display it in my flutter app do i need to also create a table ? Please need help struggling here lol!!!

[@htmlfivedev]

Love the course ... but sad cuz it doesn't cover auth ...

[@icup2260]

on line 14 of Home.js put .from("Smoo thies") instead of .from('recipes') idk why he put that on the github.

[@prasobh1996]

@The Net Ninja please update your react tutorial. sir, some things have changed. example -> react routing.

[@sh1ro9666]

fetched data are not showing while no error, how to fix?

[@wildpat03]

As said by other, disable RLS for that table in the dashboard, top right corner just under the "Feedback on this page?" button.

[@im_sat]

How Fetching a Single Item?

[@alexpiano]

If anyone got fetch error, in my case it was a missed spell. "Smothies" on Supabase and "Smoothies" on react with two o's.

[@user-fw4lw6vo4l]

Shouldnt you be fetching data from a separate backend section (backend folder), instead of doing it in the Home.js file of essentially your frontend part of your project?

[@jjets8775]

Exactly.

[@pfodtakem9536]

Too bad you don't do this with Vue, I'm confused with fetching & error handling

[@catreunion]

Thank you teacher 🙏🏻

[@NetNinja]

Thanks for your support Isaac!

[@nested9301]

is this secure ? calling the supabase on the client .?

[@BhumeshGaur]

Thanks for helping 😇

[@NetNinja]

Thanks for watching Bhumesh! :)

[@arkadi8499]

fetch returns null

[@phojie6868]

what about pagination ? hmm

[@alexg7282]

Perfect !

[@rjwhite4424]

Does anyone else get 'Uncaught ReferenceError: process is not defined' when they try connecting their .env variables to the superbaseClient file?

[@azkaarkhatib]

I do. Did you find a solution?

[@rjwhite4424]

make sure you have dotenv npm package installed and make sure you have
import { config } from "dotenv";
const dotenvConfig = config();
if (dotenvConfig.error) {
throw dotenvConfig.error;
} at the top of your file @@azkaarkhatib

[@lewyathan]

try adding NEXT_PUBLIC before the variables

[@isaacqadri]

👍🏻👍🏻🔥

[@nikkukumari6396]

why my data are not showing while there is no error.

[@sh1ro9666]

same here

[@sh1ro9666]

turn off your RLS protocol in supabase, fixed my issue

[@nicoyorke7081]

@@sh1ro9666 worked for me, thanks a lot

[@ahmedtohamy3258]

good info

[@NetNinja]

Hope it was helpful! :)

[@lofi_boys]

Thank you so much @netninja 🥰❣

[@dcdales]

7/10? Hmm... Considering building a banana blaster.

[@Pareshbpatel]

{2023-03-20}