Supabase Tutorial #2 - Connecting to Supabase
Вставка
- Опубліковано 30 сер 2022
- In this tutorial you'll learn how to connect your frontend application to the Supabase backend.
🐱💻 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...
Every time I blink, a new database or js framework is born 😏
cool, hopefully Shaun covers realtime in this series, I have been trying realtime api but never connects to supabase server, I still cannot find solution, hoepfully Shaun gives a short demo or example on realtime, very much appreciated 🙏
Thank you teacher 🙏🏻
That is exactly what I'm looking for.
Awesome to hear, hope you find it useful Mehmet!
Hi Shaun, this is great!!! Thanks! I hope you'll get to make an Appwrite tutorial soon as well ! ☺🙏 They're pretty much similar though with a few exceptions like NoSQL DB for Appwrite.
I didn't know that another alternative to firebase other than Supabase exists. Thanks for mentioning it! I'll go give it a try.
Correct me if I’m wrong but isn’t it bad practice to expose the anon key in the JavaScript bundle as an environment variable?
Always your tutorials in right time
But I have question, why supabase not appwrite, as futures appwrite have more
But as popularity in twitter I see supabase, is there a spesfic thing make you prefer supabase over appwrite
hey there net ninja could you please do a video on creating trigger function that gets data from signup meta data and inserts it into new table when user signs up, thanks alot
Thank you !
No worries! :)
Hey Ninja, please next project on google drive api using react and pdf uploading,viewing etc.
Thanks for your amazing work can you make tutorial on react native
Hey Basit, The Net Ninja already has a tutorial on React native which you can check out from the channel playlists
or simply just click this link > ua-cam.com/play/PL4cUxeGkcC9ixPU-QkScoRBVxtPPzVjrQ.html
Uncaught TypeError: Failed to resolve module specifier "@supabase/supabase-js". Relative references must start with either "/", "./", or "../"."
I am getting that error after following along . I am using vanilla JS
this @alias is actually set using a config file, i have a typescript project so it is in my tsconfig file, you should look into how to get it working in vanilla js
I don't know why after entering everything in my code from tutorial 2 , when I enter "npm start" its just a blank page on the website. There's no home page or anything. Any reason?
Are you using vite?
2:20 making your Supabase key a client-side environment variable has big security risks - anyone who can inspect a webpage and look at source code can find it. Is there an alternative?
THats for public use only if you set the RLS correctly. Otherwise, I guess you can use any meta framework like Next or Remix and just make a custom API (Remix calls it BFF).
@@namangupta1817 yeah my solution with meta-frameworks (I use NextJS) is to hide my backend keys in server-side env variables where they can’t be found on the client side, then use a NextJS API route (restricted to only my frontend server by CORS) as a proxy to my actual backend that can get the key from server side env variables. Gonna be coming out with a mobile app soonish so trying to figure out how I’m gonna manage backend keys and other secrets in that world, without such proxy servers available to me.
❤️🌸👍🏻
how can you type 'div.smoothie-card' and that then turns into HTML? I am so confused. Thanks.
Because he is using an extention called Emment
@@cryptoboy1461 oh thank you! That worked.
Too fast sir. I am not getting how to restart that server
this is react-supabase tutorial
{2023-03-20}