Full Course - How to set up Email Authentication + Google OAuth in Next.js 14

[@cb73]

You fought the enemy that is the Auth JS docs so we don’t have to- thank you for your service!

[@ammarthemartian]

This is the best tutorial in 9 years of learning coding. The info behind the code, the video speed, the structure, EVERYTHING IS PERFECT! Your 2 months of efforts to create this video really paid out!! 🎉❤

[@serhiistanislav]

This is the best tutorial I've ever seen. Thank you

[@Racine14]

Congrats... I am your follower now!

[@victormayowa7989]

This guy has a seamless style of explaining concept with great steeze

[@JanNdungu]

Here from Reddit! Awesome things in the works

[@abidsalahi4989]

If i'm not wrong, 'use server' is generally used for server actions which always initiate a POST request and Nextjs recommends using them for mutating data and NOT fetching data. If you want to ensure server side data fetching, you can do import 'server-only' at the top of the file and call server or DB to fetch data, otherwise it's not a great practice to fetch data within 'use server' files.

[@marcchriqui556]

More Next.js/PostgreSQL videos like this one please! Great tutorial!

[@goncalojbsousa]

I just finished the tutorial. Very good content, its the best tutorial for auth.js out there. Thanks.

[@ayarahemmanuel3326]

I should do an X appreciation tweet ...you're legendary I was stuck on auth for 6 months

[@Jackson_Zheng]

@@ayarahemmanuel3326 That would be amazingly!

[@lnhv8593]

bro this is awesome! please keep making more of this.

[@samsuh]

at a high level, how would something like an upvote system work after you've set up the initial sign in? assuming everything works and you can authenticate a user into a page, and you have postgres set up, do you use something like an events side effect to ensure a user if authenticated before calling a server action to perform the upvote action? or is it simpler, like you check for user auth in the server action itself?

[@JoaoVictorGF1]

I’m still learning this framework and had issues deploying the system to production. During the build process, I encountered some errors with variables that I managed to resolve, but once the build was successful, I faced problems related to the Secret. I’m more accustomed to React, where I could simply take the build folder and it would work. In this system, do I need to move these folders (.next, node_modules, package.json, and package-lock.json) to my production environment for testing?

[@codingwithlucy]

Thanks for breaking things down. You explain concepts so clearly :)

[@Jaimie-C]

If i were to use next.js as only the front end and have an express server as the backend would anything need to change from this auth setup?

[@steveahlstrom3542]

Would love to see a bit on deployment ... moving postgres to an external provider, etc.

[@omeryazar6068]

Very good content. Please keep uploading next.js tutorials like this

[@riceriot]

I was in the middle of implementing this and got this video notification 😂 . Thanks!

[@Jackson_Zheng]

Glad it helped!

[@taulantmerlaku5528]

What about asp net back end as an authentication provider with a token how does that work in next js. I havent seen any proper documentation regrading that so i don't know where or what to look for?

[@trumppence3834]

This is unreal! How did you learn all this stuff?

[@abdulwasiuyusuf4110]

Awesome 🔥🔥🔥🔥

[@broskisnajdy]

really nice tutorial, coded along and really enjoyed it! thanks

[@broskisnajdy]

btw ending got me hahaha

[@conradrusso]

Thanks for the step by step tutorial. All worked flawlessly!

[@Magnificode]

This was a fantastic watch. Thank you!

[@Sidddev-v5i]

OUTSTANDING LECTURE THANKS PLESE MAKE MORE THIS TYPE OF LECTURE

[@richardstuart2695]

Wonderful content. Other content providers did not mention the necessary production settings which caused my production to fail yet dev to pass, was so frustrating. I note you verify authority to paths in the function, to see if signed in or not, or admin etc. Another solution is Middleware, any advantage of one approach over the other ?

[@Jackson_Zheng]

I wouldn't recommend using middleware. Next-Auth really isn't designed for it. I did try it, but I couldn't get it to work as the underlying library that next-auth uses to interact with the database uses an edge implementation which doesn't work with middleware.

[@23AvpADR]

Thanks. This is the best nextauth video I've ever seen. If anyone ask how to use nextauth just send this video instead of the doc. xD is there any specific reason why you use router.push instead next/link ? hope you make more video about next.js

[@Jackson_Zheng]

@@23AvpADR Thank you so much! You have no idea how much that means to me! With regards to the router.push, it was just an arbitrary choice. I decided to go with that to keep the video consistent rather than switching between different methods of routing to minimise confusion for beginners. You can use whichever method you like.

[@haoweizeng6709]

why you don't need a code verifier ? I faced a issue that google oauth api tell me my code verifier is invalid

[@Hamza_lachgar]

how did your docker containers worked with no need to set up the networks?

[@Jackson_Zheng]

docker works with localhost by default

[@Hamza_lachgar]

@@Jackson_Zheng thank you for this amazing tutorial I learned a lot from it

[@travisdelly377]

This is a cool video, but most nextjs applications do not hold the database connections. Another video where you connect to an express server and do similar things would be helpful, although i'm sure i can take it from here.

[@abdulrafay1951]

it would be great if you do same connection in react expo so we won't need to go for services like clerk, supabase auth

[@MihirAmanRaj]

what happens if you signed in with ur google account, but then u unlinked it, and also the session was erased, how will you sign in again to the same account with same or other google account?

[@Jackson_Zheng]

@@MihirAmanRaj when the account is unlinked it deletes the Google OAuth information from the database. So if the user doesn't have another Google account linked, then signing in with the unlinked Google account will automatically relink it. The account is determined by the email (so the user can also sign into the account using the email address of the unlinked Google account if they want to). Unlinking the Google account only deletes the Google OAuth record from the database but the email record still remains in the "users" table.

[@MihirAmanRaj]

@@Jackson_Zheng okay makes sense, i will surely try to implement it, i am using prisma btw for my own auth starter kit

[@dev-akeel]

7:20 -d = enable detach mode 31:40 No that's different. That is a package "server only". Use server is different. It is annotation for server actions not to enforce the code to be run on server.

[@alexdin1565]

please can you make video about AuthJs v5 when user can login using a facebook account I searched for this topic and now on make video on youtube

[@chaodinsankamol616]

great! please make more video about facebook login

[@dominionebenezer4452]

bro how did you do doxcker

[@a89529294]

Thanks for the video, can you make a new one on using NextAuth with email/password login?

[@Jackson_Zheng]

If this video gets the channel over 4000 hours watch time (minimum criteria for monetisation), then I will do it.

[@-UPH-KRISHNAM]

@@Jackson_Zheng Imma watch this with multiple accounts just to increase watch time for that 😝😝

[@Jaimie-C]

@@Jackson_Zheng i hope you make the video on email/passwords login!

[@dpno]

Thank you

[@olivebishop3794]

can we have one with lucia auth

[@-UPH-KRISHNAM]

I had installed postgres on my local machine and was using postgresql on docker with the same port which caused me few hours of trouble, use different ports or disable your local pgservice

[@Jackson_Zheng]

yeah, don't have more than one postgres service running at once.

[@-UPH-KRISHNAM]

@@Jackson_Zheng Also I wanted to thank you for this tutorial and the efforts you made for 'production' grade things.

[@creativeartdesign4820]

I like the video but i did not like the styling part. because i dont use it i use tailwind.. only confusing..

[@alexdin1565]

please can you make a video about login using facebook?

[@OnlyJavascript]

amazing.

[@ts3798]

British AND Asian?! Can't go wrong.

[@breachr4696]

Just my feedback but I thought this video was supposed to be about auth, yet half the video is just building a nextjs app.

[@Jackson_Zheng]

What were your original expectations for the video? I'm trying to figure out this KZbin thing so I'm probably going to miss more shots than I hit, but curious what you were originally thinking the video was going to be more like?

[@Learnwithjoseph]

loved the d0cker part big up :_

[@manjilunnobi]

Backup or restore database to website Transfer balance Admin edit/delete/disable/create Products buying user account Expired date products 🎉🎉🎉🎉🎉🎉🎉🎉🎉