Authentication with Next Auth and Next.js 14 | Protected routes, Server & Client Sessions

Ғылым және технология

Authentication with Next Auth and Next.js 14 | Protected routes, Server & Client Sessions
In this tutorial, I walk you through the process of implementing the latest version of NextAuth into Next.js 14. I cover how to set up OAuth login with both GitHub and Google, as well as creating protected routes by obtaining the session on the client and server.
Find the github repository here: bit.ly/4aAbWRk

Пікірлер: 34

  • @NoahCuz
    @NoahCuzАй бұрын

    Part 2 with updating the session on the server would be greatly appreciated! Subscribed

  • @webdevjan

    @webdevjan

    Ай бұрын

    Part 2 is out now, have a look here: kzread.info/dash/bejne/c6VoqNWtcaeZmbA.html

  • @ansarqazi4377
    @ansarqazi4377Ай бұрын

    The content is litreally so impressive. Everything is explained in quite simple way. Nothing extra in the video, just focusing on what actually needs to be done. Highly appreciated! Highly recommended! Thanks for the video.

  • @ansarqazi4377
    @ansarqazi4377Ай бұрын

    Very useful content, quick, no time-wasting. Highly recommended! 🔥🔥🔥🔥

  • @webdevjan

    @webdevjan

    Ай бұрын

    Appreciate it bro!

  • @Twinkling-wy1dp
    @Twinkling-wy1dpАй бұрын

    Very useful content, thank you very much, solve my problem

  • @DhaouJawhar
    @DhaouJawhar20 күн бұрын

    Subscribed, impressive stuff !! just on the point ♥♥♥

  • @webdevjan

    @webdevjan

    19 күн бұрын

    Thank you so much

  • @captaintechworld
    @captaintechworld27 күн бұрын

    Subscribed, impressive stuff !!

  • @ansarqazi4377
    @ansarqazi4377Ай бұрын

    Highly appreciate!

  • @srivatsans3723
    @srivatsans372325 күн бұрын

    Oh man, you saved my day.

  • @user-zn7fm1su8x
    @user-zn7fm1su8x22 күн бұрын

    Thank you Jan

  • @jhoanmiguelescobararboleda8547
    @jhoanmiguelescobararboleda8547Ай бұрын

    Yes nice, Question, what about I want to go to another page, if he is not log in, I want to show that page does not have accesss.. or redirect, do you do that in the middleware?

  • @Prag1974
    @Prag1974Ай бұрын

    Hi Man. Great content. Thanks. But I have a problem: I want to use session based authentication strategy (as you know jwt is little bit unsafe) and I also credentials provider. When I adjust credentials provider in auth.ts and other files, next auth throwing error something like " 'session': 'database' strategy doesn't support credentials provider" is there any way to fix it? if not, can you suggest me a library that allow users credentials login and uses session based strategy. What should I do? Thanks.

  • @shanumehra7088
    @shanumehra7088Ай бұрын

    Hi Yan , Followed your video, Amazing work and looking forward for new videos. Just needed to ask a question that while getting the session data on client side you've used useSession() , cant we use the same function on the server as well for getting the same session data ?

  • @webdevjan

    @webdevjan

    Ай бұрын

    Thanks! Once I have some free time, I'll definitely dive deeper into the nextauth series and create a part 2. In that, I'll explore the credentials provider and provide more in-depth information. :) The useSession hook is specifically designed for client components, meaning you can't utilize it on the server side. To address this limitation, nextauth introduced the getServerSession function, which performs the same task on the server.

  • @shanumehra7088

    @shanumehra7088

    Ай бұрын

    ​@@webdevjan Wow great, Now got the point. Thanks !! 😇😇

  • @andremalt8255
    @andremalt825526 күн бұрын

    Thanks bro

  • @sahebbeshra7659
    @sahebbeshra7659Ай бұрын

    And if possible can you login using email and socials for appwrite with nextjs with both server and client. Please do it because no one KZread has done it properly

  • @sahebbeshra7659
    @sahebbeshra7659Ай бұрын

    Ya we need part 2 with email and password and also save user in data base for google and github login

  • @webdevjan

    @webdevjan

    Ай бұрын

    Part 2 is out now, have a look here: kzread.info/dash/bejne/c6VoqNWtcaeZmbA.html

  • @chesterxp508
    @chesterxp5089 күн бұрын

    GoodJob!

  • @BuhuuRecords
    @BuhuuRecords17 күн бұрын

    Can you tell what extension is showing you errors directly in the code?

  • @webdevjan

    @webdevjan

    16 күн бұрын

    The extension is called "Error Lens"

  • @sungo9664
    @sungo966421 күн бұрын

    I will have your Desktop Wallpaper please!!!

  • @webdevjan

    @webdevjan

    21 күн бұрын

    The wallpaper is called "Amazing Landscape" and I am using the program "Wallpaper Engine" from steam.

  • @shoaibshaikh0786
    @shoaibshaikh0786Ай бұрын

    bro please upload part 2

  • @webdevjan

    @webdevjan

    Ай бұрын

    Part 2 is out now, have a look here: kzread.info/dash/bejne/c6VoqNWtcaeZmbA.html

  • @mikhacavin
    @mikhacavin5 күн бұрын

    part 2 kzread.info/dash/bejne/c6VoqNWtcaeZmbA.html&ab_channel=WebDevJan

  • @DudeFrom1972
    @DudeFrom197229 күн бұрын

    Ithinkitwasveryinteresting,hower,Igottiredinmyheadasyoudidmakeanynaturalpausesinyournarration.

  • @webdevjan

    @webdevjan

    29 күн бұрын

    The video has jump cuts since most people have the attention span of a goldfish nowadays in this TikTok/short-form content era. If it wasn't cut down like this, a lot of viewers would just click away after 30 seconds. However, I appreciate your feedback.

  • @DudeFrom1972

    @DudeFrom1972

    28 күн бұрын

    @@webdevjan Thank you for replying. May I suggest that you create and publish your videos in two versions: a short and a longer one and then provide a link for the short version in the long version and vice versa - a positive side effect of this is that you'll double your content with very little effort on your part.

  • @levimorais3641
    @levimorais364115 күн бұрын

    idk why but i keep getting error 404 when clicking the button and the terminal shows this GET /api/auth/session 404 in 456ms GET /api/auth/session 404 in 32ms POST /api/auth/_log 404 in 32ms POST /api/auth/_log 404 in 15ms GET /api/auth/providers 404 in 44ms POST /api/auth/_log 404 in 40ms GET /api/auth/error 404 in 27ms and the session object is undefined

Келесі