Supabase Auth Tutorial | React | Login & Signup | Auth UI

In this Supabase Auth Tutorial, I show how to setup the login and signup page using the Supabase Auth UI component.

Chapters:
0:00 Intro
0:05 Supabase Login and Signup Page Demo
0:19 Create Supabase Project
0:56 Create React App for Supabase Project
1:11 Create ENV File For Supabase Credentials
1:40 Setup Code for Supabase Auth UI Component
2:42 Run Supabase React App Project
2:50 Test Signup Page
3:18 Test Login Page
3:43 Outro

#supabase #auth #react #tutorial #sideproject

😄 Want to support and help grow my channel?

☕ Love my video and want to support me?

Technology that I use for my workflow setup:

*The links above include affiliate commission or referrals.

[AndysTechTutorials]

npm install @supabase/supabase-js @supabase/auth-ui-react @supabase/auth-ui-shared

[auroradreamy]

Hey how can do that, when admin login this will redirect to admin panel, when users login this will redirect to their account?

[ashamanami]

I followed your Tutorial and did setup Supabase Auth, login and signup is successful .
but when I verify the forgot password flow I am facing the issue .
I do get a mail from supabase to reset the password but there is no link to reset the password in the mail . Could you please help how can I fix this issue .

[samuelyoon]

Does anyone know how to redirect newly created users to a unique page? I have an onbaording page that I would like to redirect users to if they are signing in for the first time after creating an account.