Authentication with Next Auth V5 and NextJS 14 [EASY] - API Routes, Server & Client Components

🧙AI Form Builder Tutorial:

🌐Find Open-Source Projects to Contribute to on GitHub:

✉️Sign up for my newsletter:

🛤️Host your DB on Railway:

🔺Self-Host your NextJS App on a Custom Server:

👾Want to share your code or projects? Join my Discord Server:

✍️Full-Stack Roadmap:

🔥Firebase:

☕Support the channel:

00:00:00 - Intro
00:00:48 - Setup
00:04:06 - Setting Environment Variables
00:08:39 - Next Auth API Route
00:10:04 - Server Component
00:17:23 - Client Component

[gurindersason]

Hi, I Implemented all what you mentioned here by watching this. but can you tell how we can use middleware function in middleware.js as auth and this function not going in parallel

[DagmarJS]

Thank you very much for this tutorial

[sjpgtzi]

You've got yourself a new subscriber!

Could you do a video with normal credentials, without using any provider please?
Thank you for the video

[FilhoLouco]

Awesome tutorial, the only thing that could be improved is to increase the volume of your voice a little.

[aashkann]

Great job! If it's possible to show how to use random/other providers with Nextauth i'd really appreacite it. It's almost 0 documentation about this :)

[bmxdzme]

tysm it helped me to understand more, but i dont get couple things in terms of logic if u can answer my quests it will help alot!! :
1. the route file i understand suppose to allow my project to send reqs for the google authentication service's app?
2. still on the route file, on 8:41 i saw it exporting the functions instead of importing them. how its possible? they should import them in order to use not to export.
3. after the authentication done by the user, how do i determine the route he will be navigated into?
4. why the image which u pulled from the session on 15:45, is inside the session? i tried to follow your actions and didnt get it
5. What is the process that goes on behind the scenes? Does NEXTAUTH send a request to Google that performs the authentication that returns a token? Or does NEXTAUTH generate the token itself, after Google performs the authentication?

[syedbilalchand]

Refresh token and access token can you please make on this

[rucaua]

on 9:49 got TypeError: Cannot read properties of undefined (reading 'GET') in const {handlers: {GET, POST}, auth, signIn, signOut} = NextAuth({

[mawaisnabeel]

Page "/api/auth/[...nextauth]" is missing "generateStaticParams()" so it cannot be used with "output: export" config. i have this error when i implemented this and i want the export of nextjs app and same error has there when i try to make build of app

[eduardoeulogioanquipa]

excellent, example repository Please!

[prakharshankar]

Hey, can you please make a tutorial on how to make a newletter website?

[reyan_gurjar]

Please either improve your microphone or speak more loudly

[johan]

thank you for the explanations i needed that, nice video, you have my thumb. however is that your real voice or you're faking it when recording. coz your voice is annoying sorry to say at leat for a french point of view but i would definitely not listen 2h video. its like listening to britney spears explaining nextjs auth.