But what would be the point of using the app directory if we are wrapping the entire project in a "use client"

The tutorial is good but what is the use of using NextJs when we are rendering the whole app on the client side.

Tuto is nice, but putting the 'use client" on the layout is making all the NextJS App client side and we lose the biggest advantage of NextJS which is the server-side rendering

By putting 'use client' in the root layout, you are making every child component (your entire project) client components. This makes using the App Router redundant because none of your components will be rendered on the server.

awesome video! i finished the dashboard tut, then this, and now im gonna combine them together, can't wait to do more.

Thank you so much, you helped me build the entire auth functionality for my app. It is the first time I do it.

thank you bhai tu hi hai asli coder tu ni hota toh aaj kuch ho ni pata

I have been waiting for your video for long time bro.

Bruh this just saved my ass, I was really desperate for this specific tutorial .. thx man much appreciated !! ❤

Thanks for taking the time to share this content. However, I must agree with most people in the comment section. Using Next js with firebase on client side only is pointless as it is serverside auth what most people are looking for when typing "Next js auth with firebase".

Love to see you after long time 🔥⚡

Loved your tutorial man🥰🥰. Please create a video on roles and permissions using nextJs and firebase. Much needed to learn

Great vid but being able to hear the gulping was driving me crazy maybe add a noise gate or noise suppression thanks! 😄

Well done with this, really helped me.

Pretty solid, no sh#t. Go ahead !!!🎉

Thanks man for this video. Really helped me in figuring out what I was doing wrong.

Nice one!

Best guides I have found so far. very knowlegeable.

Love you man!!! Thanks for introduce me to the coding world :)

is there a way have a protected route in server side ?

That rafce trick you just casually mention, man does that save time!

Hi, thank you, great explanation. It works locally, but I´m getting this error en deploying to Firebase or Vercel: ./app/admon/page.jsx 8:35 Error: React Hook "useState" is called in function "page" that is neither a React function component nor a custom React Hook function. React component names must start with an uppercase letter. React Hook names must start with the word "use". react-hooks/rules-of-hooks 11:5 Error: React Hook "useEffect" is called in function "page" that is neither a React function component nor a custom React Hook function. React component names must start with an uppercase letter. React Hook names must start with the word "use". react-hooks/rules-of-hooks

Is anybody else receiving UserAuth() is not a function error?

When I added use client in layout.js it showed me this error You are attempting to export "metadata" from a component marked with "use client", which is disallowed. Either remove the export, or the "use client" directive, How can I fix this.

sir im learning soo much from you, i'll forever be grateful

Really wonderful! Loved it. Thank you so much for sharing you knowledge!

can you also show how to refresh access_token before api call?

i get this err when trying this >> "Error: Element type is invalid. Received a promise that resolves to: [object Promise]. Lazy element type must resolve to a class or function." seems like it doesn;t like the useEffect inside a context??

The tutorial was amazing🥰. Can you please do apple authentication tutorial with next auth and firebase, it would be so helpful.

Hi there, can you build a spotify/netflix whatever you want clone connecting it with an API? I really want to learn how you do that

Thanks a lot

Awesome video, exactly what I was looking for. Thank you

Thank you so much! You are the best!

pro i want to use this code react js can i use it

amazing explanation, thank you for this example

I have made a service to make the api calls. How can i pass the token in each api calls from this AuthContext? Also the token gets expired after a period of time. how can I handle this?

How would I combine the expense tracker app you developed in the previous video with this authentication?

Thank you, amazing video and work amazing. there is another way instead using "use client" in next.js ?

Do we need to hide the firebase config on an env file?

Great video!

thanks dear

Thanks for make and share it. love it I need to implement email/password too, there is a way to enable this second method?

Thank you man

thanks for the video, it really helped. But when calling googleSignIn -> the list of emails isnt shown, it logs me in with main google email right away, but does not give a possibility to "Choose from.." other emails that i have. have u experienced this?

Hey clint!! that's an amazing tutorial right there.. was really helpful!! but i was struggling with the coop policy blocking out the pop up window which happened for you as well, then i used the signInWithRedirect method to tackle it.. but do you have any solution regarding this? and another problem that it was showing this site might be harmful and it told me to register this app to google cloud console.. can you suggest me something regarding that issue too?

Thank you very much

i keep getting this error "Unhandled Runtime Error TypeError: (0 , firebase_app__WEBPACK_IMPORTED_MODULE_0__.initializeApp) is not a function" i am not sure how to fix it I have looked all over the web and nothing seems to help me fix it it says it has to do something with this line "> 19 | const app = initializeApp(firebaseConfig);" someone please help 🙏

youre using context auth not next auth

good but all the app is now client app. for this i can use react not need nextjs

Please make a tutorial on apple vision pro website clone !!!!

Nice, thx

Clint please please we want a full ecom website with next js and tailwind please pleasee

client component 😞

well job

can i get this code

23:20

14:03