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

แชร์
ฝัง
  • เผยแพร่เมื่อ 21 พ.ย. 2024

ความคิดเห็น • 529

  • @ximon-x
    @ximon-x หลายเดือนก่อน +34

    I was just casually scrolling through TH-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!

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

  • @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 27 วันที่ผ่านมา

      Because, you're female

  • @elhadi9886
    @elhadi9886 5 หลายเดือนก่อน +40

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

  • @IonidisIX
    @IonidisIX วันที่ผ่านมา

    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.

  • @psyferinc.3573
    @psyferinc.3573 หลายเดือนก่อน +1

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

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

  • @existentialquest1509
    @existentialquest1509 5 วันที่ผ่านมา +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. 👏

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

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

  • @fidelitopardillo6116
    @fidelitopardillo6116 7 วันที่ผ่านมา

    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

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

  • @dineshreddy8915
    @dineshreddy8915 หลายเดือนก่อน

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

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

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

    • @lwinmoepaingdev
      @lwinmoepaingdev 3 หลายเดือนก่อน

      Thank you sir, you saved my day.

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

  • @rizthonmayo2795
    @rizthonmayo2795 20 วันที่ผ่านมา

    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

  • @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 8 วันที่ผ่านมา

      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

  • @ronykhan3873
    @ronykhan3873 3 หลายเดือนก่อน

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

  • @RonnieDenzel
    @RonnieDenzel 5 หลายเดือนก่อน +4

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

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

  • @Pixelaze
    @Pixelaze 4 หลายเดือนก่อน

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

  • @victormayowa7989
    @victormayowa7989 5 หลายเดือนก่อน +3

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

    • @sachin-n4n
      @sachin-n4n 3 หลายเดือนก่อน

      okay blackie

  • @ZivKoHai
    @ZivKoHai 19 วันที่ผ่านมา

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

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

  • @tommiedev
    @tommiedev 4 หลายเดือนก่อน +1

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

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

  • @klaudiuszbiegacz3519
    @klaudiuszbiegacz3519 5 หลายเดือนก่อน +3

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

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

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

  • @mooreedit
    @mooreedit 4 หลายเดือนก่อน

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

  • @oskrm
    @oskrm 5 หลายเดือนก่อน +19

    Video quality is top-notch, great job!

  • @rayyanalam4815
    @rayyanalam4815 5 หลายเดือนก่อน +3

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

  • @lucasfontesgaspareto
    @lucasfontesgaspareto 4 หลายเดือนก่อน +1

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

  • @danielugbeye2545
    @danielugbeye2545 5 หลายเดือนก่อน +1

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

  • @sirrobinhood3409
    @sirrobinhood3409 หลายเดือนก่อน

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

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

  • @AliAbbas993
    @AliAbbas993 21 วันที่ผ่านมา

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

  • @yaqubadesola1839
    @yaqubadesola1839 3 หลายเดือนก่อน +2

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

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

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

  • @sahilnayak3064
    @sahilnayak3064 3 หลายเดือนก่อน

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

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

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

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

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

  • @curtjay
    @curtjay 5 หลายเดือนก่อน +1

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

    • @Delba
      @Delba  5 หลายเดือนก่อน

      That's the plan!

  • @techmajesty5464
    @techmajesty5464 22 วันที่ผ่านมา

    Your content quality is just awesome. well done!

  • @jahid07
    @jahid07 26 วันที่ผ่านมา

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

  • @ozgursar5386
    @ozgursar5386 18 วันที่ผ่านมา

    Thanks for the concise and high quality tutorial

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

  • @mohammedmshal5483
    @mohammedmshal5483 2 หลายเดือนก่อน

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

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

  • @matejcerny4459
    @matejcerny4459 หลายเดือนก่อน

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

    • @Delba
      @Delba  หลายเดือนก่อน

      Thank you, appreciate you saying so!

  • @mianala
    @mianala 5 หลายเดือนก่อน +3

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

    • @Delba
      @Delba  5 หลายเดือนก่อน +1

      🧘‍♀️

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

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

  • @CindyLatta
    @CindyLatta 2 หลายเดือนก่อน

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

  • @İbrahimNikbay
    @İbrahimNikbay 4 หลายเดือนก่อน

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

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

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

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

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

  • @gopuadks
    @gopuadks 5 หลายเดือนก่อน

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

    • @Delba
      @Delba  5 หลายเดือนก่อน

      Glad to hear it, that's the plan!

  • @abravictech
    @abravictech 4 หลายเดือนก่อน +1

    crisp Clear & Perfect .. Thank You

  • @mojo6689
    @mojo6689 2 หลายเดือนก่อน

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

  • @richardokonicha
    @richardokonicha 3 หลายเดือนก่อน

    I keep coming back to rewatch bits of it 😁

  • @thaitea5399
    @thaitea5399 5 หลายเดือนก่อน +2

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

  • @rhyscampbell4178
    @rhyscampbell4178 5 หลายเดือนก่อน

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

  • @tawhidkhondakar731
    @tawhidkhondakar731 21 วันที่ผ่านมา

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

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

  • @codewithguillaume
    @codewithguillaume 5 หลายเดือนก่อน +3

    Very nice thanks Delba :)

    • @Delba
      @Delba  5 หลายเดือนก่อน

      Cheers Guillaume!

  • @grimquokka9843
    @grimquokka9843 5 หลายเดือนก่อน +2

    Very well explained, thanks for sharing with us.

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

  • @thecodelogin
    @thecodelogin 5 หลายเดือนก่อน

    i didn't saw your whole video. i just saw you and subscribed.

  • @admggm
    @admggm 4 หลายเดือนก่อน

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

  • @David-Codes
    @David-Codes 5 หลายเดือนก่อน +12

    I was literally struggling with this yesterday LOL thanks

  • @houseofcoding101
    @houseofcoding101 4 หลายเดือนก่อน

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

  • @jasonwhittaker3940
    @jasonwhittaker3940 4 หลายเดือนก่อน

    Brilliant tutorial best explained auth one I've come across

  • @mounir101
    @mounir101 3 หลายเดือนก่อน +1

    Absolutely, great content you have. Why did you stop uploading videos two months ago? Thanks so much and keep going please.

    • @Delba
      @Delba  หลายเดือนก่อน

      lack of time :(

  • @rezenekstudy
    @rezenekstudy 2 หลายเดือนก่อน

    Really great video.
    Looking forward to viewing ur other videos

  • @elheuz2
    @elheuz2 หลายเดือนก่อน

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

  • @muhammadahmedjaved7691
    @muhammadahmedjaved7691 หลายเดือนก่อน

    I really leaned a lot from this video. Thanks

  • @headshotmaster3401
    @headshotmaster3401 4 หลายเดือนก่อน

    Amazing tutorial, but I am sure 50k people are here for your voice and the 8k for nextjs :D

  • @bossRODTV
    @bossRODTV 5 หลายเดือนก่อน

    As always a top-notch content from Delba

  • @ythalorossy
    @ythalorossy 19 วันที่ผ่านมา

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

  • @alwinkc2197
    @alwinkc2197 5 หลายเดือนก่อน +1

    You’r videos are top notch, please keep uploading

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

  • @mistersir3185
    @mistersir3185 5 หลายเดือนก่อน +5

    It's kinda daunting how far web development has come and how fast and rapidly it is advancing. I almost feel left out. I am finding it harder and harder to understand all these concepts and implement them. There's just so much to learn everyday. There has been times where I almost feel discouraged to pursue this path. Any tips or suggestions from anyone would be appreciated.

    • @Delba
      @Delba  5 หลายเดือนก่อน +7

      Concepts like Data Access Layers, API Minimization and Data Transfer Objects are actually quite old, it's just we're talking about them because React is moving more to the server world.
      There is always an infinite amount of things to learn. You have to balance building and learning at a pace that doesn't burn you out or overwhelm you.

    • @mistersir3185
      @mistersir3185 5 หลายเดือนก่อน +1

      @@Delba I now understand what these concepts from watching this video. I’ve been learning a lot about Next JS lately and I realized I am going deeper and deeper and learning more and more. I don’t feel like using anything else for building web apps. Honestly I like this stuff but I just need to get used to it with more practice and continuous learning. I haven’t given up, I think this will only make me a great developer. Thank you for making this video. I hope you continue to share these invaluable information and post more videos.

    • @aberba
      @aberba 5 หลายเดือนก่อน

      Don't watch too many TH-cam videos and Twitter. Too much distraction and fomo

    • @bgmieditscy
      @bgmieditscy 5 หลายเดือนก่อน

      I have an idea for you to find it i spent many days - Use Wix which is free to start and practice & learn velo which is just like jQuery you cna learn in a day. I think you already know how to build apis, you're good to go. Dont go for next js. They change every 5 minutes and trust me at last clients believe what they see not what technology you using, also wix build websites are fully seo friendly. Have fun.

    • @Archibong.samuel
      @Archibong.samuel 4 หลายเดือนก่อน

      Follow the community and you won't be left out

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

  • @francis.lagares
    @francis.lagares 5 หลายเดือนก่อน

    You should definitely make a whole Next.js course ! 😀

    • @Delba
      @Delba  5 หลายเดือนก่อน

      I'll be making more Next.js content atleast.

  • @vitormalencar
    @vitormalencar 5 หลายเดือนก่อน

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

    • @Delba
      @Delba  5 หลายเดือนก่อน

      obrigada meus amores brasileiros 🇧🇷

  • @MariaEduardaP.deAlmeida
    @MariaEduardaP.deAlmeida 5 หลายเดือนก่อน

    Incredible content, straightforward and didactic! Thank you

  • @endlessia
    @endlessia 5 หลายเดือนก่อน +1

    Thank you so much for this video, it’s very clear & simple to understand with server actions now! 😊
    (btw what tools are you using for such an incredible video)

    • @Delba
      @Delba  5 หลายเดือนก่อน +2

      Glad to hear it.
      I used Remotion.

  • @usamairfan9573
    @usamairfan9573 5 หลายเดือนก่อน

    Amazing quality and to the point content.
    Just curious what combination of tools and softwares are you using for the code animations and transitions?

  • @tanveerahmed8355
    @tanveerahmed8355 16 วันที่ผ่านมา

    @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  15 วันที่ผ่านมา

      Thank you! All the best learning JS

  • @phamtienthinh1795
    @phamtienthinh1795 4 หลายเดือนก่อน

    Really Really REALLY informative, thank you for making the video