Next.js: Authentication (Best Practices for Server Components, Actions, Middleware)

Поділитися
Вставка
  • Опубліковано 22 лис 2024

КОМЕНТАРІ • 529

  • @ximon-x
    @ximon-x Місяць тому +34

    I was just casually scrolling through UA-cam and clicked out of curiosity for the best practices, but after watching this video, I couldn't resist subscribing. The quality is mind-boggling.

    • @Delba
      @Delba  Місяць тому +2

      Thank you! Welcome!

  • @medamine44100
    @medamine44100 5 місяців тому +112

    If there was an award for the video of the year in tech, I would vote on this one.
    Really quality content.

    • @Delba
      @Delba  5 місяців тому +7

      Wow, thank you!

    • @VictorAremu-d9j
      @VictorAremu-d9j 5 місяців тому +3

      @@Delba How do you create your videos?

    • @Neoimhere
      @Neoimhere 28 днів тому

      Because, you're female

  • @zanec7202
    @zanec7202 17 днів тому +3

    I was scrolling through youtube and clicked on this out of curiosity, this is probably one of the best videos explaining/teaching i've seen its at a perfect speed not super slow not lightning fast . Perfect.

  • @elhadi9886
    @elhadi9886 5 місяців тому +40

    Honestly, this is the clearest tutorial I have ever seen. Continue with this method; it works well.

  • @IonidisIX
    @IonidisIX 2 дні тому

    Well done Delba. I am speechless. Clear, simple, informative, friendly. Very well done!

  • @rewazilol
    @rewazilol 2 місяці тому +10

    I love that your videos are relaxing. I'm tired of the super quick this-that-this-that tech videos that i am never caffeinated enough to watch, whereas i will happily watch this everyday while i eat lunch. super clear and informative too. just amazing

  • @mansoorabbas5386
    @mansoorabbas5386 Місяць тому +3

    Finally found content that not only targets beginners but also caters to experienced professionals. That's the missing link with most content creators-they usually focus only on beginner-level material and don't go beyond the basics. They often overlook important aspects like secure data handling, especially in this more advanced digital era. Keep it up and keep rocking!

    • @Delba
      @Delba  Місяць тому +1

      Thanks! Glad to hear it.

  • @arbizen
    @arbizen 5 місяців тому +36

    Your voice is healing. I can watch it all day.

    • @sonja2213
      @sonja2213 3 місяці тому +4

      you can watch voice? can you see sound or touch smell?

  • @psyferinc.3573
    @psyferinc.3573 Місяць тому +1

    even after 2 years of web dev, this still opens a new mental model. thank you

  • @KordiakRevival
    @KordiakRevival 5 місяців тому +2

    It used to be simple, there was clear separation between what run on server, what count as react component, especially serversideprop, used to love that. Now you need to 'mark' which file runs where, even when you used it on a react component, otherwise it'll be marked as server-side and gave you error DURING BUILD, and not while coding. Beautiful.

    • @Delba
      @Delba  5 місяців тому +1

      There is a challenge of demarkation when you use the same component model and language on the client and server, however we believe the composability and shareability is worth it.
      You should be getting errors during development by the way, can you share an example of something only erroring in build? Perhaps we can fix it.

  • @existentialquest1509
    @existentialquest1509 6 днів тому +1

    finally , tutorial that is actually useful and to the point - unlike stupid and rants from popular content makers in this space - kudos in this work - please keep making more such videos - wonderful video

  • @niloyrudra7905
    @niloyrudra7905 5 місяців тому +12

    Very concise and to the point approach makes this short tour to auth a memorable one. Thank you. 👏

  • @fidelitopardillo6116
    @fidelitopardillo6116 8 днів тому

    this video is very impressive.. I almost lost with comes of authenticate and authorization in next js . this video is very helpful. and explained well

  • @rizthonmayo2795
    @rizthonmayo2795 21 день тому

    just finished to implement autjs/nextauth and get a bit mad about that crazy documentation. Just wonder if i shouldn't go back with your simple and clear way to proceed...
    thank you for this clear tutorial

  • @jrmayol857
    @jrmayol857 3 місяці тому +1

    More content like this please - Your voice relaxes my mind while learning at the same time. Great content, great speech delivery. Thank you for making tutorials the way you do

  • @sawos1596
    @sawos1596 5 місяців тому +11

    I really enjoyed your video on. It's rare to find tutorials that avoid third-party libraries, and yours made everything so easy to understand. Thanks for sharing your knowledge!

    • @Delba
      @Delba  5 місяців тому +1

      Thank you for saying so.

    • @rand0mtv660
      @rand0mtv660 5 місяців тому +4

      Yeah the extreme reliance on 3rd party services to do anything in tutorials is alarming really. People should learn the basics and then use services if they need to because they will then understand what those services provide and what problems they solve for them, if any.

  • @oskrm
    @oskrm 5 місяців тому +19

    Video quality is top-notch, great job!

  • @Carlos-gj1wj
    @Carlos-gj1wj 5 днів тому

    Instead of watching memes while eating I decided to watch your video out of curiosity. I made a good decision. Thanks for sharing!

  • @razerbladex43
    @razerbladex43 2 місяці тому +3

    Wow, the video quality is seriously impressive! 😍 I initially popped in just to check a few things, but somehow I got completely hooked and ended up watching the entire thing without even realizing it. 🙌 +1sub

    • @Delba
      @Delba  Місяць тому

      glad to hear it, welcome!

  • @code-e-jahan
    @code-e-jahan 4 місяці тому +7

    that felt like an Ai , but that was the shortest and the clearest auth explanation I ever saw

    • @skygnd
      @skygnd 9 днів тому

      I wish instead of text response, we can learn things with generated smooth animated content like this future. It would be very satisfying to learn

  • @h45e32u4f
    @h45e32u4f 3 місяці тому +3

    I rarely click the like button, but this was awesome. I had a general idea of how to implement this. But I ended up learning about structure and apis I didn't know existed. Clear and beautifully explained. Delba for president!

  • @BrunoOliveira-tj5xw
    @BrunoOliveira-tj5xw 5 місяців тому +34

    What a professional tutorial. Can you show us how you made it? The progression of the code on the screen is perfect.
    EDIT:
    She used Remotion

  • @primeclipstv6501
    @primeclipstv6501 3 місяці тому

    I had a problem understanding and breaking down complex code blocks just like this...Delba you just made me a better coder than I am...thanks a ton!

  • @ZivKoHai
    @ZivKoHai 20 днів тому

    I really like how you simplify the process and make it understandable , keep it going you got a subscription from me !

  • @RonnieDenzel
    @RonnieDenzel 5 місяців тому +4

    Such a complex topic yet its explained with ease, thanks for this💯

  • @tommiedev
    @tommiedev 4 місяці тому +1

    Amazing video, no bs, no fluff straight to the point and no spoon-feeding thanks!

  • @dineshreddy8915
    @dineshreddy8915 Місяць тому

    There wouldn't be a single person in the universe who wouldn't subscribe to your video after watching it.

  • @victormayowa7989
    @victormayowa7989 5 місяців тому +3

    Your smile is relaxing and refreshing. You made the tutorial seems simple

  • @ronykhan3873
    @ronykhan3873 3 місяці тому

    I hope you will regularly upload videos in the future. I love how you discuss every angle and detail.

  • @Pixelaze
    @Pixelaze 4 місяці тому

    I had no idea that the quality of this tutorial would be this high before I clicked on this. Great video!

  • @jd_27
    @jd_27 3 місяці тому

    I was hoping to learn something but now I'm so relaxed I'd rather just listen and go back to coding later

  • @sirrobinhood3409
    @sirrobinhood3409 2 місяці тому

    Wow this was a great video. Exactly what I was looking for. Very quick & clear and discussed both Authentication and Authorization without using a bunch of 3rd party libs! Thank You!!!

  • @AliAbbas993
    @AliAbbas993 22 дні тому

    Great work really impressive, I was looking for some great tutorials for next auth and here findings come to an end.

  • @sukronsabari
    @sukronsabari 24 дні тому

    I really enjoy and appreciate your videos! You have explained the basics of authentication very clearly. It would be great if you could also cover other popular authentication methods like OAuth and magic links in future videos. Many applications are now implementing this method to improve security and user experience, and I think your detailed explanation will be very helpful for those who want to implement it. Thanks again for the great content!

  • @ozgursar5386
    @ozgursar5386 19 днів тому

    Thanks for the concise and high quality tutorial

  • @ziacodes
    @ziacodes 5 місяців тому +3

    Really like the simplicity in the video... Relaxing video!
    I would love to see some advance patterns to build real world apps.

    • @Delba
      @Delba  5 місяців тому +1

      Glad to hear it.
      I plan to 🙏

  • @klaudiuszbiegacz3519
    @klaudiuszbiegacz3519 5 місяців тому +3

    I'm amazed by the quality of the video, please do more stuff like this :)

  • @csguru8211
    @csguru8211 5 місяців тому +2

    Oh my god. After watching your video I thought even the documentation on vercel does not explain the things the way you did ao sweetly. Then I subscribed your channel and started exploring your channel and found out that you work at vercel. The way you explained things in calm and sweet voice with smile it was just way way more digestable than any other video or documentation. Thankyou. You deserve to be at vercel. And if possible please make more videos explaining how nextJS works.

    • @PhilipAlexanderHassialis
      @PhilipAlexanderHassialis 5 місяців тому

      In general documentation on next-auth are utterly atrocious. Many things (like e.g. clearing the client cookies on logout, or how to read them, the whole bruhaha with RSC while using next-auth v4 and so on) are either not entirely clear or "exercise left to the reader".
      Take this video for example: authentication *without* using next-auth - because at least this way you get to have some agency on what actually happens as you login/navigate in the application.

  • @mohammedmshal5483
    @mohammedmshal5483 2 місяці тому

    A more than imaginative explanation, thank you for this great explanation. ❤

  • @denizorsel1029
    @denizorsel1029 4 дні тому

    No words wasted. Perfection.

  • @techmajesty5464
    @techmajesty5464 23 дні тому

    Your content quality is just awesome. well done!

  • @mojo6689
    @mojo6689 2 місяці тому

    This has to be the best video on this topic. Quality Content

  • @jahid07
    @jahid07 26 днів тому

    I'm impressed with your presentation system and quality content. Great Job.

  • @tawhidkhondakar731
    @tawhidkhondakar731 22 дні тому

    You are awesome and you've one of the most beautiful smiles! ❤

  • @lucasfontesgaspareto
    @lucasfontesgaspareto 4 місяці тому +1

    The vibe of this video brings a lot of peace, I really liked it, congratulations on the content 😁

  • @İbrahimNikbay
    @İbrahimNikbay 4 місяці тому

    Быстро нашли новую связку, молодцы, ну а я с вами всегда в профите!

  • @MrTImTimster
    @MrTImTimster 2 місяці тому

    great tutorial. nice visuals to help explain concepts. would love to see a full production app video in this format. great voice too

  • @danielugbeye2545
    @danielugbeye2545 5 місяців тому +1

    Your explanation on this topic is the best i have come across, and I absolutely love the meditation sound

  • @rayyanalam4815
    @rayyanalam4815 5 місяців тому +3

    This was such a complex topic, and yet you explained it with such simplicity. >>

  • @yaqubadesola1839
    @yaqubadesola1839 3 місяці тому +2

    You just gained a subscriber, What an epic tutorial, Bravo👍

  • @xzex2609
    @xzex2609 4 місяці тому

    great video , the very best video to remind you what to do to implement auth (that is really a long and detailed process to do)

  • @tanmaykumar9277
    @tanmaykumar9277 4 місяці тому

    I have seen you while learning to make dashboard-app 😄
    That documentation in Next-JS is so good, I learnt a lot from it!

  • @abravictech
    @abravictech 4 місяці тому +1

    crisp Clear & Perfect .. Thank You

  • @mooreedit
    @mooreedit 4 місяці тому

    your name defines your videos. they are so calming and its good for learning

  • @matejcerny4459
    @matejcerny4459 Місяць тому

    Your youtube channel is absolutely mind blowing! Keep it up!

    • @Delba
      @Delba  Місяць тому

      Thank you, appreciate you saying so!

  • @assad-rajab
    @assad-rajab Місяць тому

    WHERE IS THE SUPPORT BUTTON?!!!!!
    Thank you very much. after very long struggle, and multiple project abandoned. i finally completed one after your video. Great explaintaion, very easy to understand. Thank you Delba

    • @Delba
      @Delba  Місяць тому

      Glad to hear this helped!

  • @RedRobotDevelopment
    @RedRobotDevelopment 2 місяці тому +2

    Absolutely great content and the video production is excellent! A few minor issues - the code in some parts are incomplete or incorrect ie the middleware currentPath and path don't match, and the github repo doesn't have the middleware code, also the verify session function was not used in the middleware. Disregarding these, overall a very very helpful video, it certainly sped up my work thank you!

  • @claudiovasquez2099
    @claudiovasquez2099 5 місяців тому

    Ngl this has been one of the most consise and informative NextJs video that i've ever seen.

    • @Delba
      @Delba  5 місяців тому

      Kind of you to say, appreciate it!

  • @ashutosh_tiwari
    @ashutosh_tiwari 5 місяців тому

    I will definitely creating this theme extension for VS Code, I really like the colours and the dark background. It is quite minimalistic.

    • @kismetttshit335
      @kismetttshit335 Місяць тому

      Did you do that? if so, tell me the name

  • @CindyLatta
    @CindyLatta 2 місяці тому

    This tutorial is amazing!! Thank you for all of your efforts and please keep making more content!!

  • @tanveerahmed8355
    @tanveerahmed8355 17 днів тому

    @Delba very informative and legitimate way of explanation makes the concepts understand easily May God bless you with good health, wealth and prosperity 🎉
    Keep up the good work.
    Though I'm a WordPress Developer holds a keen interest in learning the frontend JS frameworks and their utilization However your way of explanation has shed upon a light on my thoughts
    Learning the basics of JavaScript then proceed for any of its frameworks

    • @Delba
      @Delba  16 днів тому

      Thank you! All the best learning JS

  • @TribhuwanKushwaha-e7y
    @TribhuwanKushwaha-e7y 5 місяців тому

    Really a clear and understanding video it will be more great if it includes window authentication too as a single sign-in

  • @vijaysarathy3937
    @vijaysarathy3937 4 місяці тому

    This is useful, high quality content that is executed professionally. Clearly this took a lot of work. Love the format and look forward to watching the rest of the series. Kudos!

  • @richardokonicha
    @richardokonicha 3 місяці тому

    I keep coming back to rewatch bits of it 😁

  • @Kingjaeger14
    @Kingjaeger14 5 місяців тому

    Thank you for this video. You covered the topic of authentication very nicely to a beginner and it was clear and concise

    • @Delba
      @Delba  5 місяців тому

      Awesome, great to hear!

  • @julianoferrasso
    @julianoferrasso 3 місяці тому

    The gratest video about Next Authentication 👏👏👏👏

  • @nicolasmayorga8288
    @nicolasmayorga8288 4 місяці тому

    Just discovered you and wow, amazing, really good information, concise, your voice it's amazing, and you have such a knowledge, thanks for sharing.

    • @Delba
      @Delba  4 місяці тому

      Thank you 🙏

  • @muhammadahmedjaved7691
    @muhammadahmedjaved7691 Місяць тому

    I really leaned a lot from this video. Thanks

  • @thaitea5399
    @thaitea5399 5 місяців тому +2

    usually programmer are men. so little programming done by woman. you are amazing

  • @ricardomartinez9320
    @ricardomartinez9320 5 місяців тому

    Being new to NextJS I appreciate your video. It is possibly one of the best videos I have seen. Great work and thank you!

    • @Delba
      @Delba  5 місяців тому

      Appreciate it, welcome. Let us know if you have any feedback.

  • @dikachitheman7362
    @dikachitheman7362 Місяць тому

    This is the best video I've watched on this topic. And I don't comment on videos.

    • @Delba
      @Delba  Місяць тому

      Thank you for saying so :)

  • @vedanshbisht1309
    @vedanshbisht1309 5 місяців тому

    Just a minute in and i am appreciating the amount of research and sweat that went into editing this. Beautiful way of animating code. :D

  • @jasonwhittaker3940
    @jasonwhittaker3940 4 місяці тому

    Brilliant tutorial best explained auth one I've come across

  • @curtjay
    @curtjay 5 місяців тому +1

    Fantastic video. Would love to see more videos like this discussing best practices

    • @Delba
      @Delba  5 місяців тому

      That's the plan!

  • @alwinkc2197
    @alwinkc2197 5 місяців тому +1

    You’r videos are top notch, please keep uploading

  • @einstein0653
    @einstein0653 2 місяці тому

    Very professional video editing. I'm sure there is lot of effort in doing this. appreciated.
    It would be great if you share the content related to video editing as above video. you will definitely flooded with views.

  • @candidodmv
    @candidodmv 4 місяці тому

    Very nice explanation, good video quality and sound , but I feel that the environment is more darker than usual. But the rest great. Excited to the Next ones.

  • @David-Codes
    @David-Codes 5 місяців тому +12

    I was literally struggling with this yesterday LOL thanks

  • @tawhidkhondakar731
    @tawhidkhondakar731 5 місяців тому

    The cutest person making tutorials

  • @gopuadks
    @gopuadks 5 місяців тому

    Hi Delba, please bring such content regularly, it really helps😄

    • @Delba
      @Delba  5 місяців тому

      Glad to hear it, that's the plan!

  • @joserubenildodasilva1899
    @joserubenildodasilva1899 5 місяців тому +1

    Wow! Congratulations Delba.

  • @Andrew-Tsegaye
    @Andrew-Tsegaye 3 місяці тому +5

    what the hell? How beautiful video is this... I can't believe my eyes

  • @grimquokka9843
    @grimquokka9843 5 місяців тому +2

    Very well explained, thanks for sharing with us.

  • @mianala
    @mianala 5 місяців тому +3

    Came for Next.js, stayed for meditation. I need an mp3 version of this 🤔.

    • @Delba
      @Delba  5 місяців тому +1

      🧘‍♀️

  • @ythalorossy
    @ythalorossy 19 днів тому

    Thank you very much for sharing.
    It was a great tutorial explanation.

  • @brandincanfield4039
    @brandincanfield4039 4 місяці тому

    This is a great video 👏👏👏👏👏
    I do have a hard time using server forms… but for login it’s fine. Thanks for the vid

  • @saddamhussainEscap
    @saddamhussainEscap 5 місяців тому

    you have very friendly style explanation but you are doing it quickly
    so i need to rerunning the video many times to get the idea 😅😅

  • @vitormalencar
    @vitormalencar 5 місяців тому

    Sempre que eu vejo um vídeo já pulo aqui, a qualidade ta absurda

    • @Delba
      @Delba  5 місяців тому

      obrigada meus amores brasileiros 🇧🇷

  • @rangerboi9715
    @rangerboi9715 5 місяців тому +3

    Great content as always

  • @frankdambra
    @frankdambra 19 днів тому

    Excellent production

  • @elheuz2
    @elheuz2 Місяць тому

    4 month later / half of the video and stunned by the quality

  • @hombingdairi
    @hombingdairi 4 місяці тому

    Связка просто имба!

  • @sahilnayak3064
    @sahilnayak3064 3 місяці тому

    The last video you will ever need to implement authentication ✋✋

  • @admggm
    @admggm 4 місяці тому

    good, a follow up video with social login would be amazing!

  • @bossRODTV
    @bossRODTV 5 місяців тому

    As always a top-notch content from Delba

  • @dannx3144
    @dannx3144 4 місяці тому

    This is the most perfect tutorial video!! Thank u sm!

  • @dharylovey
    @dharylovey 18 днів тому

    Wow. I like this video. Tutorial is very clear.

  • @MariaEduardaP.deAlmeida
    @MariaEduardaP.deAlmeida 5 місяців тому

    Incredible content, straightforward and didactic! Thank you

  • @phamtienthinh1795
    @phamtienthinh1795 4 місяці тому

    Really Really REALLY informative, thank you for making the video

  • @TheStallion1319
    @TheStallion1319 19 днів тому

    animations and explanation is 🔥