Build & Deploy Full-Stack App With Next.JS - Setting Up NextAuth (Part 8)

Check out my courses: gtcoding.net/courses/
Hi guys, this is a tutorial series on how to create a full-stack website using Next.JS. We will be using technologies like Cloudinary, Next Auth, Prisma, MongoDB and more to build this app.
In this video, we will set up Next Auth for authentication in our app. I hope you find this useful.
Starter Files: github.com/Godsont/Tech-News-...
Playlist: • Full Stack Website Usi...

[@tamerahmed9860]

Thank you

[@abdullahashraf3686]

12:05 as i wrapped the div in its giving me error about some property childern is missing in type in opr......what should i do sir

[@Argylleagen]

10:20 When I try to sign in with Github or Google, it gives me a red popup error saying "Try signing in with a different account." Do you know why that could be the case?

[@GTCoding]

Please check whether the .env variables are correct and also check whether you have any spelling mistakes where you use them. If it doesn't work, try creating a new OAuth application in GitHub or Google.

[@Argylleagen]

​@@GTCoding Got it fixed within a few minutes, turns out I make a .env.example file to remember the variables i set in the application and that is where i declared all the real values. Thanks for clarifying!

[@DevranDenizzz]

Hi..I have the same issue..I do not know why

[@DevranDenizzz]

i solved the problem.i realized that I put .env file wrong place.Thanks

[@user-rq7ji4th5v]

One question how can we add both next-auth in the same page route.ts
of Credentials provider and Google Provider? Actually, I want 1. to login via username, password for admin and 2. Google auth for user.

[@GTCoding]

You can add Credentials and Google & other providers login in the same page. Just add the CredentialsProvider to the providers array in the route.ts file. I have a video on credentials provider. Check it out: ua-cam.com/video/PEMfsqZ2-As/v-deo.html