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

Поделиться
HTML-код
  • Опубликовано: 17 дек 2024

Комментарии • 547

  • @ximon-x
    @ximon-x 2 месяца назад +43

    I was just casually scrolling through RUclips 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 месяца назад +2

      Thank you! Welcome!

  • @zanec7202
    @zanec7202 Месяц назад +5

    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.

  • @medamine44100
    @medamine44100 6 месяцев назад +118

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

    • @Delba
      @Delba  6 месяцев назад +7

      Wow, thank you!

    • @VictorAremu-d9j
      @VictorAremu-d9j 6 месяцев назад +3

      @@Delba How do you create your videos?

    • @Neoimhere
      @Neoimhere Месяц назад

      Because, you're female

  • @rewazilol
    @rewazilol 3 месяца назад +11

    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

  • @elhadi9886
    @elhadi9886 5 месяцев назад +42

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

  • @mansoorabbas5386
    @mansoorabbas5386 2 месяца назад +4

    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  2 месяца назад +1

      Thanks! Glad to hear it.

  • @IonidisIX
    @IonidisIX 27 дней назад +1

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

  • @krishnakapoor749
    @krishnakapoor749 23 дня назад +1

    This is the best and the clearest tutorial about authentication I have ever seen.

  • @arbizen
    @arbizen 6 месяцев назад +37

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

    • @sonja2213
      @sonja2213 4 месяца назад +4

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

    • @DaanBiesterbos
      @DaanBiesterbos 3 дня назад

      I wanted to say its not a bad thing to not have a dude talk about tech xD But I did not want to go there hahah.

  • @psyferinc.3573
    @psyferinc.3573 2 месяца назад +1

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

  • @niloyrudra7905
    @niloyrudra7905 6 месяцев назад +13

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

  • @jrmayol857
    @jrmayol857 4 месяца назад +2

    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

  • @h45e32u4f
    @h45e32u4f 4 месяца назад +4

    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!

  • @mathieupardoux5592
    @mathieupardoux5592 11 дней назад

    High quality videos is exactly what is missing on RUclips! Thank's a lot!! Good introduction, straight forward.. no 5 minutes of b*llsh*t story telling

  • @razerbladex43
    @razerbladex43 3 месяца назад +4

    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  2 месяца назад

      glad to hear it, welcome!

  • @oskrm
    @oskrm 6 месяцев назад +20

    Video quality is top-notch, great job!

  • @existentialquest1509
    @existentialquest1509 Месяц назад +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

  • @KordiakRevival
    @KordiakRevival 6 месяцев назад +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  6 месяцев назад +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.

  • @Carlos-gj1wj
    @Carlos-gj1wj Месяц назад

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

  • @fidelitopardillo6116
    @fidelitopardillo6116 Месяц назад

    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

  • @RonnieDenzel
    @RonnieDenzel 6 месяцев назад +4

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

  • @ZivKoHai
    @ZivKoHai Месяц назад

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

  • @Pixelaze
    @Pixelaze 5 месяцев назад

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

  • @BrunoOliveira-tj5xw
    @BrunoOliveira-tj5xw 6 месяцев назад +35

    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

  • @sawos1596
    @sawos1596 6 месяцев назад +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  6 месяцев назад +1

      Thank you for saying so.

    • @rand0mtv660
      @rand0mtv660 6 месяцев назад +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.

  • @ziacodes
    @ziacodes 6 месяцев назад +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  6 месяцев назад +1

      Glad to hear it.
      I plan to 🙏

  • @dineshreddy8915
    @dineshreddy8915 2 месяца назад

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

  • @rizthonmayo2795
    @rizthonmayo2795 Месяц назад

    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

  • @tommiedev
    @tommiedev 5 месяцев назад +1

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

  • @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!

  • @victormayowa7989
    @victormayowa7989 6 месяцев назад +3

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

  • @ronykhan3873
    @ronykhan3873 4 месяца назад

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

  • @klaudiuszbiegacz3519
    @klaudiuszbiegacz3519 6 месяцев назад +3

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

  • @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!!!

  • @ythalorossy
    @ythalorossy Месяц назад +1

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

  • @sukronsabari
    @sukronsabari Месяц назад

    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!

  • @David-Codes
    @David-Codes 6 месяцев назад +12

    I was literally struggling with this yesterday LOL thanks

  • @AliAbbas993
    @AliAbbas993 Месяц назад

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

  • @rayyanalam4815
    @rayyanalam4815 6 месяцев назад +3

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

  • @MrTImTimster
    @MrTImTimster 3 месяца назад

    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 6 месяцев назад +1

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

  • @yaqubadesola1839
    @yaqubadesola1839 4 месяца назад +2

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

  • @lucasfontesgaspareto
    @lucasfontesgaspareto 5 месяцев назад +1

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

  • @techmajesty5464
    @techmajesty5464 Месяц назад

    Your content quality is just awesome. well done!

  • @tawhidkhondakar731
    @tawhidkhondakar731 Месяц назад

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

  • @RedRobotDevelopment
    @RedRobotDevelopment 3 месяца назад +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!

  • @jd_27
    @jd_27 4 месяца назад

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

  • @vijaysarathy3937
    @vijaysarathy3937 5 месяцев назад

    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!

  • @serhiiburtsev2028
    @serhiiburtsev2028 6 дней назад

    wow. incredible. this is incredible! thank you for your work)

  • @code-e-jahan
    @code-e-jahan 5 месяцев назад +7

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

    • @skygnd
      @skygnd Месяц назад

      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

  • @abravictech
    @abravictech 5 месяцев назад +1

    crisp Clear & Perfect .. Thank You

  • @mojo6689
    @mojo6689 3 месяца назад

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

  • @jahid07
    @jahid07 Месяц назад

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

  • @ozgursar5386
    @ozgursar5386 Месяц назад

    Thanks for the concise and high quality tutorial

  • @İbrahimNikbay
    @İbrahimNikbay 5 месяцев назад

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

  • @curtjay
    @curtjay 6 месяцев назад +1

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

    • @Delba
      @Delba  6 месяцев назад

      That's the plan!

  • @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

  • @mohammedmshal5483
    @mohammedmshal5483 2 месяца назад

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

  • @mooreedit
    @mooreedit 5 месяцев назад

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

  • @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)

  • @matejcerny4459
    @matejcerny4459 2 месяца назад

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

    • @Delba
      @Delba  2 месяца назад

      Thank you, appreciate you saying so!

  • @claudiovasquez2099
    @claudiovasquez2099 6 месяцев назад

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

    • @Delba
      @Delba  6 месяцев назад

      Kind of you to say, appreciate it!

  • @grimquokka9843
    @grimquokka9843 6 месяцев назад +2

    Very well explained, thanks for sharing with us.

  • @CindyLatta
    @CindyLatta 3 месяца назад

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

  • @tanmaykumar9277
    @tanmaykumar9277 5 месяцев назад

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

  • @muhammadahmedjaved7691
    @muhammadahmedjaved7691 2 месяца назад

    I really leaned a lot from this video. Thanks

  • @Kingjaeger14
    @Kingjaeger14 6 месяцев назад

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

    • @Delba
      @Delba  6 месяцев назад

      Awesome, great to hear!

  • @nicolasmayorga8288
    @nicolasmayorga8288 5 месяцев назад

    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  5 месяцев назад

      Thank you 🙏

  • @codewithguillaume
    @codewithguillaume 6 месяцев назад +3

    Very nice thanks Delba :)

    • @Delba
      @Delba  6 месяцев назад

      Cheers Guillaume!

  • @ricardomartinez9320
    @ricardomartinez9320 6 месяцев назад

    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  6 месяцев назад

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

  • @jsm357
    @jsm357 15 дней назад

    Nice Work! Easy explanation, great video!! Thanks a lot

  • @alwinkc2197
    @alwinkc2197 6 месяцев назад +1

    You’r videos are top notch, please keep uploading

  • @jasonwhittaker3940
    @jasonwhittaker3940 5 месяцев назад

    Brilliant tutorial best explained auth one I've come across

  • @csguru8211
    @csguru8211 6 месяцев назад +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.

  • @denizorsel1029
    @denizorsel1029 29 дней назад

    No words wasted. Perfection.

  • @richardokonicha
    @richardokonicha 4 месяца назад

    I keep coming back to rewatch bits of it 😁

  • @dikachitheman7362
    @dikachitheman7362 2 месяца назад

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

    • @Delba
      @Delba  2 месяца назад

      Thank you for saying so :)

  • @einstein0653
    @einstein0653 3 месяца назад

    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.

  • @gopuadks
    @gopuadks 6 месяцев назад

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

    • @Delba
      @Delba  6 месяцев назад

      Glad to hear it, that's the plan!

  • @joserubenildodasilva1899
    @joserubenildodasilva1899 6 месяцев назад +1

    Wow! Congratulations Delba.

  • @MariaEduardaP.deAlmeida
    @MariaEduardaP.deAlmeida 6 месяцев назад

    Incredible content, straightforward and didactic! Thank you

  • @bossRODTV
    @bossRODTV 6 месяцев назад

    As always a top-notch content from Delba

  • @TribhuwanKushwaha-e7y
    @TribhuwanKushwaha-e7y 6 месяцев назад

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

  • @julianoferrasso
    @julianoferrasso 4 месяца назад

    The gratest video about Next Authentication 👏👏👏👏

  • @tawhidkhondakar731
    @tawhidkhondakar731 6 месяцев назад

    The cutest person making tutorials

  • @candidodmv
    @candidodmv 5 месяцев назад

    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.

  • @ashutosh_tiwari
    @ashutosh_tiwari 6 месяцев назад

    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 2 месяца назад

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

  • @rhyscampbell4178
    @rhyscampbell4178 6 месяцев назад

    I’m gunna keep building in nextjs just so I can watch your videos 😂

  • @rezenekstudy
    @rezenekstudy 3 месяца назад

    Really great video.
    Looking forward to viewing ur other videos

  • @phamtienthinh1795
    @phamtienthinh1795 5 месяцев назад

    Really Really REALLY informative, thank you for making the video

  • @vitormalencar
    @vitormalencar 6 месяцев назад

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

    • @Delba
      @Delba  6 месяцев назад

      obrigada meus amores brasileiros 🇧🇷

  • @assad-rajab
    @assad-rajab 2 месяца назад

    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  2 месяца назад

      Glad to hear this helped!

  • @dannx3144
    @dannx3144 5 месяцев назад

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

  • @jaecheokkim99
    @jaecheokkim99 2 месяца назад

    amazing tutorial!!! you made my day! I really appreciated

  • @temitopedavid9508
    @temitopedavid9508 6 месяцев назад +2

    Thanks alot i literally was looking for this

  • @tanveerahmed8355
    @tanveerahmed8355 Месяц назад

    @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  Месяц назад

      Thank you! All the best learning JS

  • @frankomartinez1686
    @frankomartinez1686 6 месяцев назад +1

    Thank you for your content, it's always very useful. 🙏

  • @jacquesduplessis6175
    @jacquesduplessis6175 6 месяцев назад

    Great video Delba, thanks so much, it's just what I need right now. 🙌🏻

  • @tawhidkhondakar731
    @tawhidkhondakar731 6 месяцев назад +1

    It was very very helpful. Thank you so much

  • @houseofcoding101
    @houseofcoding101 5 месяцев назад

    Please make more quality videos. Really liked your content. Thanks