Man, this saved me a major headache. I wanted to implement Firebase on an app that was working with Sanity previously, which was using OAuth. It has been a while since I last worked with Firebase, so not only this was a great refresher but saved me a long time going through documentation. Really appreciate it.
Thank you for the tutorial! Just a little feedback; but it would be nice, if the music wasn't so distracting. Use something more relaxing or give us the option to run our own :)
Between all the conflicting and out of date information, I've been stuck trying to learn authentication using Firebase for literally months. You've helped me to finally start getting a handle on it. Thank you, sincerely.
This has been the first time I never had any issues while following the tutorial. Everything is upto date and clearly explained. Thank you so much for making this tutorial and saving hrs of pain staking stackoverflow and docs browsing.
Hi.. awesome video.. havent completed it yet but its turning out great.. quick question - do u have one where you integrate apple log in? what if i want google and apple login on the same application? Also once user logs in.. what if i want them to input data to a table using firestore, can it use the same log in? thanks..sorry im a newb!
Great video 👍made it a little more challenging since I was using typescript while following this and it kept giving me type errors. Chat gpt helped me fix those errors but if you have any advice on how I can fix typescript errors when working in javascript that would be great.
User hook is set to null again and agian, whenever i click on login button, for some second its showing account page, then immediately hook set to null, why this is happening?
Yo man.. i got the apple log in to work! .. feels great.. quick question.. why does the protected route show for a split second. how do u not have that happen.. ive searched google but no one talks about it? did we do something wrong?
Thank you for your video, this is the most understandable tutorial for teaching firebase. I got 4 errors in 21:53, about "Uncaught TypeError: Cannot destructure property 'user' of '(0 , _context_AuthContext__WEBPACK_IMPORTED_MODULE_1__.UserAuth)(...)' as it is undefined. at Navbar (Navbar.jsx:6:1)" all the code is same as you did. I don't know how comes. Thank you.
Problem is that you will get hacked with this approach. You have the file which will show up in the build when deploying this app. By hitting inspect you will see it in the sources and the directory of the build since the values will be hard coded there
Great video, just a question, what's the name of your vscode theme, as i know is One Dark Pro but when i install that theme is not like yours, it'd be nice if you share with me what's the name of your theme :)
Normally I never comment on any coding tutorial I have watched, bu this time I make an exception. This is a very good explanatory crash course regarding Firebase authentication process. I really appreciate your kind work, thank you brother.
HI sir great video can anyone help actually i made todo app and learning for authentication can you suggest how to display todo of particular user from firebase as i am a newbie
I'm using signInWithRedirect and testing it out on the server with my iPhone and my dad's Samsung phone and neither of them can login. When I hit the google button it just does nothing. This works exactly how it is in the video on my desktop but just not on mobile phones. Any ideas anyone? Also I have downloaded your version from github and tried it, same issue unfortunately Update: just added my ip address to the Authorized domains in Firebase and it works now. However after signing in with google, when it redirects me back to my page it doesn't sign in as if user is null. Same with github version. Any ideas?
Hii dude i try this code in codesandbox but I got error in Authcaontext The error is 'return outside the function ' how to solve this error please help me
Hi if possible, could put a tutorial video about after gmail account login in, how to connect with firestore. I repeated Crpyto tutorial to build email login and connect firebase, then I put a google login button in SignIn page. How can make two login methods working for same collection in firestore.
Great explanation, but this is not working for me atm because CORS is blocking the Popup, is there a workaround this?, cant find it anywhere, seems that a lot of people having the same problem using google Authentication with Firebase at this moment
![โรงเรียนห้ามรัก โดนจับได้ตาย...!! [เอิร์นไดเม่]](http://i.ytimg.com/vi/4u02Sbr556Q/mqdefault.jpg)
Anytime I need to add authentication to my projects I just come back here
You save me everytime😂
Thank you dude! Awesome!
Man, this saved me a major headache. I wanted to implement Firebase on an app that was working with Sanity previously, which was using OAuth. It has been a while since I last worked with Firebase, so not only this was a great refresher but saved me a long time going through documentation. Really appreciate it.
Thank you my friend
Much needed. I was looking for this for a big project. Thanks a lot. Funny how a video of a year old is still relevant
Glad it was helpful!
Thank you Clint , your videos are awesome , you explain while showing how its done ..Keep the good work going ...👍
Man thank you so much for this video. I couldn't fix my Firebase issue and your video just saved hours of my time.
Glad it helped
I hardly understand English, but it was easy to understand as I followed it one by one. Thank you!
Thank you my friend!
Thank you for the tutorial! Just a little feedback; but it would be nice, if the music wasn't so distracting. Use something more relaxing or give us the option to run our own :)
Thank you Luffy, I’ll find something a little more relaxed.
Between all the conflicting and out of date information, I've been stuck trying to learn authentication using Firebase for literally months.
You've helped me to finally start getting a handle on it.
Thank you, sincerely.
Very good tutorial, I'm Brazilian and even reading the caption I managed to learn a lot, thank you very much 💯🙂
I was one video away from pausing Programming for a few weeks, luckily the video was yours. Thx so much, great vid.
Have a nice Day.
So awesome dude. Keep it going 💪
You look like a college dropout without a beard haha, you are one of the most valuable youtube channels, continue to develop as you do!
Haha perhaps I need to grow that beard back. I actually never went to college!! I went to a trade school and became a firefighter/paramedic.
Bro this was one hell of a fire tutorial!!! The guide was splendid, pretty much straightforward and very easy to understand!!!
Thank You!!
Thank you my friend!
This has been the first time I never had any issues while following the tutorial. Everything is upto date and clearly explained. Thank you so much for making this tutorial and saving hrs of pain staking stackoverflow and docs browsing.
Bro, hope you will keep going with such great tutorials.
Thanks a lot!
Thank you so much dude!
Man you saved my file. I needed this so bad - thank you so much
Glad I could help!
Nice man, thanks for this tutorial, the difference to me is that i using the redux and this tutorial helped me to make enjoy your exemples
Hi.. awesome video.. havent completed it yet but its turning out great.. quick question - do u have one where you integrate apple log in? what if i want google and apple login on the same application? Also once user logs in.. what if i want them to input data to a table using firestore, can it use the same log in? thanks..sorry im a newb!
does this work in NextJS? I know they have their own as well
Yes it does, you can also use “NextAuth”
Thanks for the complete and to-the-point tutorial
Thank you Ali!
Great Tutorial , easy to understand. I had no problems implementing this in my App. Thanks!
Thank you a lot! You just save my college project 🙏
Easy to understand and implement to my project :-) Thank you!
The best tutorial, saludos de Argentina! keep doing this videos pls 🔥🔥🔥🔥
Great video 👍made it a little more challenging since I was using typescript while following this and it kept giving me type errors. Chat gpt helped me fix those errors but if you have any advice on how I can fix typescript errors when working in javascript that would be great.
Can I ask what you're listening to around 17:00? sounds like some wave music 🌊
Great tutorial and easy explanation thank you sir
Earned my sub. It’s exactly what i needed. Than you
For me does not work and say that hooks can only be called inside of the body of a function. Do you know to fix that issue??
Smashed the like button so hard it might have broke my screen!😐 Thank you for this amazing guide
Haha thanks man!
Thanks, was able to do it the first time
always concise and to the point, aweome video. (y)
Thank you my friend!
I loved your video. But may I suggest not using the music in the background, we are way too interested in what you're speaking.
That was very helpful. Thank you sir.
Thank you so much 😇
looking forward to more of this
really good explanation
Thank you Farouk!
Using this method when i import the logOut and User in the Navbar it causes an error saying intermediate values undefined
thanks mate, It was useful vid to learn basic steps of google login 😊
Thank you Cem!
Thank you so much!! Amazing tutorial!
it´s amazing , i feel lucky to have found
this channel, txk very much!
Dude thank you for the kind words!
User hook is set to null again and agian, whenever i click on login button, for some second its showing account page, then immediately hook set to null, why this is happening?
This is awesome, thank you so much!! So helpful
Thank you!
Great video , saved me a lot of time.
That’s so awesome!
Love this one! Very helpful...
Thanks alot ❤️
So glad!
Super helpful video that saved me a lot of time, thank you man
Thank you so much Casper!
EXPECTING FROM LONG TIME
Incredible !
The only video that helped me with this topic.
Thank you !!! +1 sub
Thanks Wendel
i have successfully authorized using google, but i want to add import form drive feature. can you please help me
Yo man.. i got the apple log in to work! .. feels great.. quick question.. why does the protected route show for a split second. how do u not have that happen.. ive searched google but no one talks about it? did we do something wrong?
Thank you for your video, this is the most understandable tutorial for teaching firebase. I got 4 errors in 21:53, about "Uncaught TypeError: Cannot destructure property 'user' of '(0 , _context_AuthContext__WEBPACK_IMPORTED_MODULE_1__.UserAuth)(...)' as it is undefined.
at Navbar (Navbar.jsx:6:1)" all the code is same as you did. I don't know how comes. Thank you.
figure out
Good
@@liuyan8066 hey I've been debugging the same problem for a while now! How did you figure it out?
@@acrophobicgoose I put out of , made that error. 😛
Thanks man for the amazing tutorial . ❤❤
Thank you!
Great tutorial! Thank you so much very much appreciated.
Thanks!
Problem is that you will get hacked with this approach. You have the file which will show up in the build when deploying this app. By hitting inspect you will see it in the sources and the directory of the build since the values will be hard coded there
19:15-19:36 That moment when your camera freezes
only for me method with redirect dont work?
Btw did someone tested method with popup on mobile browser? works from second time
Great video, just a question, what's the name of your vscode theme, as i know is One Dark Pro but when i install that theme is not like yours, it'd be nice if you share with me what's the name of your theme :)
Hey dude! I just recently changed it since that video but I’ll have to check. It was one of the variants of One Dark Pro!
this video is helpful for me thanks for this video
Glad it helped - thank you!
Normally I never comment on any coding tutorial I have watched, bu this time I make an exception. This is a very good explanatory crash course regarding Firebase authentication process. I really appreciate your kind work, thank you brother.
Thank you my friend! 🙏
Is there anyway to change the project name after "to continue to" ?
HI sir great video can anyone help actually i made todo app and learning for authentication can you suggest how to display todo of particular user from firebase as i am a newbie
Great video, thank you!
Thank you Anders
wow, i love this video, it's helpful with my project. Thanks a lot
I'm using signInWithRedirect and testing it out on the server with my iPhone and my dad's Samsung phone and neither of them can login. When I hit the google button it just does nothing. This works exactly how it is in the video on my desktop but just not on mobile phones. Any ideas anyone?
Also I have downloaded your version from github and tried it, same issue unfortunately
Update: just added my ip address to the Authorized domains in Firebase and it works now. However after signing in with google, when it redirects me back to my page it doesn't sign in as if user is null. Same with github version. Any ideas?
Did you got a solution I am also having same issue
hey Clint, when I do this I get an error auth/operation is not allowed. Can you help me??
🙏🏼🙏🏼your videos are very helpful😊.
can you add more features on that firebase video or start a new reactjs CRUD application (login + register + CRUD)
Thank you dude! Yes, I am working on a project with Firebase Auth coupled with firestore db.
@@codecommerce 🙏🏼🙏🏼🙏🏼
hey bro , in phone i can't sign up ?? but in computer si ??
waiting for gmail,facebook and instagram login using react tutorial
You got it dude!
thank you
Hii dude i try this code in codesandbox but I got error in Authcaontext
The error is 'return outside the function ' how to solve this error please help me
Hi if possible, could put a tutorial video about after gmail account login in, how to connect with firestore. I repeated Crpyto tutorial to build email login and connect firebase, then I put a google login button in SignIn page. How can make two login methods working for same collection in firestore.
Ah I see, that would get a little tricky.
Amazing video, the goat
Thank you CP! 🙏
how can fix the useEffect warning???
why likes are so low, thannnnnnnnnnnnnnnnnnnnnnnnnnkkkkk yoooooooooooooooooooooooooou. Just saved me.
just subscribed
just subscribed
Appreciate you dude!
Great explanation, but this is not working for me atm because CORS is blocking the Popup, is there a workaround this?, cant find it anywhere, seems that a lot of people having the same problem using google Authentication with Firebase at this moment
CORS can be a little tricky and is certainly annoying!
you look like Hank Schrader :)
lol the bald guy from breaking bad? I'm not sure how i feel about that! hahaha
Hi I followed your tutorial but the items in the store gets lost after I refreshed the page.
Do you have a link to a github I can see?
Hey is it solved?
Thanks a lot!!!!
thank you so much man.
Thank you dude!
OMG😍😍😍😍
This is premium!
Thanks dude!
Thank you alot, Can u make a videos react firebase auth v9 one device is allowed at a time??
Like the user can only be logged in on one device at a time?
@@codecommerce Yes sure, example: netflix does
Please don't add bg music. It is VERY distracting.
can you do one for facebook? or is it the same logic for all social media authentication?
Reverse- yes, you would need a Facebook developer account to get your keys.
Whats the music playlist? 😀
Just some random mix on “epidemic sound”. Never heard of the songs before but was feeling those beats!
Great Video!
Thanks!
please dont use background music in explanation videos its disturbing and deconcentrating, but great video otherwise
Thank's GG
Awasome content, Thanks.
Thank you Fernando
one request, please dont use background music
Thank you Rakaa, was it overpowering?
Thank you🙌
signInWithPopup not woking on mobile.how to fixed it sir
Hmm do you have a gh?
thank you
super helpful video
When a Website using React + headless CMS?
That would be awesome!
excellent job
Thank you! Cheers!
Great video
Thanks man!
Best 🎉
tanks
I cant try in next js bruhh
Why you don't make a full e-commerce project free or paid no problem
Thank you for the motivation Mohamed! I will in time! I am enjoying the process!
fist
plzzz dont put
songs in background
You got it
Try not to put music in bg
No more music in the bg :)
Whats up man!
Thank you very much Boss 🫡
Thanks Joe!