JWT Authentication Masterclass: Access & Refresh Tokens | Secure Your MERN Stack App

Поділитися
Вставка
  • Опубліковано 25 гру 2024
  • Learn JWT Authentication from scratch! This video explains JSON Web Tokens (JWTs) and how to use them for secure user authentication and authorization in your MERN stack (MongoDB, Express, React, Node.js) applications. Master Access and Refresh token functionalities to enhance user experience and security.
    Source Code:
    Support Me:
    www.buymeacoff...
    #JWTAthentication #MERNstack #Accesstoken #Refreshtoken #Userauthentication #Authorization #SecureMERNstack #JWTTutorial #MERNsecurity

КОМЕНТАРІ • 51

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

    What a masterpiece of a tutorial . Keep uploading such type of videos . The error hunting at the end was pure gem . Thanks a lot .

    • @AshishRaj04
      @AshishRaj04 11 місяців тому +3

      but where is the code ?

  • @SanduSenavirathne
    @SanduSenavirathne Рік тому +6

    Big thanks for you brother. You the only one guy I found that teach the these kind of concepts one by one clearly 😉

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

    This is straight forward class. I understand jwt easily because of this video. Thank you!!

  • @kranthikumar5215
    @kranthikumar5215 6 місяців тому

    Waaaaaaaaaaa,,,,You are true youtuber with crystal clear explanation 👌 bhai ❤️ u lot .....N god bless u bro.....for teaching us!!!🎉

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

    Thank you yousaf :) thanks a lot i was stuck with from past 2 days now i am clear about this and i got

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

    you are doing very WELL sir,

  • @nocheatmsmurf6702
    @nocheatmsmurf6702 Рік тому +2

    welcome Yousaf

  • @mindcreativestudios4709
    @mindcreativestudios4709 7 місяців тому

    A million thanks for this video, so helpful!!!

  • @rajadurai7336
    @rajadurai7336 7 місяців тому +1

    Thank you so much for this tutorial brother 😀

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

    excellent job bro...

  • @Coder856
    @Coder856 Рік тому +2

    Wow superb brooo

  • @issaissifou4959
    @issaissifou4959 6 днів тому

    Thank you!

  • @nenothespider
    @nenothespider 8 місяців тому

    I like your videos Yousaf, Thanks!👍👍👍👍👍🤝🤝🤝🤝🤜🤛

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

    Thanks sir.

  • @yadhavan193
    @yadhavan193 8 місяців тому +1

    Thank u so much brotha ❤

  • @abuasim1000
    @abuasim1000 9 місяців тому +4

    Bro you have good knowledge but your method is very confusing because you don't stop one task to finish. You must finish first the backend part to confirm the backend logics are working fine. Then proceed to the frontend. Otherwise your visitor will keep navigating from one task to another, and, in the end he will get frustrated and give up.

  • @sharan.r
    @sharan.r 7 місяців тому +1

    Great video, I want a logout functionality, how can I implement this?

    • @codewithyousaf
      @codewithyousaf  7 місяців тому

      create a button by pressing btn If token is stored in cookies remove it from cookie ..

    • @sharan.r
      @sharan.r 7 місяців тому

      @@codewithyousaf I tried this in my logout route but it doesnt seem to remove the cookies for some reason:
      res.cookie('refreshToken', '', { maxAge: 0, httpOnly: true, secure: true });
      res.clearCookie('accessToken');

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

    Thanks so much 😊😊

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

    how does the secure:true works for you and sets the refreshToken in the cookies? mine needs to be in false in order to work

  • @adi4178
    @adi4178 9 місяців тому +2

    I am using the fetch method i am unable to store cookie please help me

    • @codewithyousaf
      @codewithyousaf  9 місяців тому

      fetch(
      'url',
      { credentials: 'include' }
      )

  • @godismyway7305
    @godismyway7305 8 місяців тому +5

    My honest opnion, I have seen a lot of videos regarding JWT , yours is the most clear and helpful video. Even when you find error in your code and you didn't cut that part so that we can learn how to debug errors. Subscribed brother!

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

    Thanks!

  • @edled5939
    @edled5939 Рік тому +3

    Can you please post the source code? Its not in the description

    • @codewithyousaf
      @codewithyousaf  Рік тому +1

      click on the link buymeacoofe.com you will get there

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

    Bro, I get "Cannot set headers after they are sent to the client" this error😢
    And after login, it's not redirecte to dashboard page

  • @aswinkrishna-r7s
    @aswinkrishna-r7s 4 місяці тому

    Great

  • @kishorrajput368
    @kishorrajput368 Рік тому +1

    Sir where are you from??

  • @jerichogibsmaralit7103
    @jerichogibsmaralit7103 11 місяців тому +1

    Next Tutorial sir is for Protected Routes for MERN stack

    • @codewithyousaf
      @codewithyousaf  11 місяців тому +1

      I have video on that you can searcch in my channel.
      also you can find employee management system on my channel where I implemented.
      tomorrow I will upload a project you can watch that.

  • @Amad214
    @Amad214 Рік тому +1

    please help me i made crud system node js react and mongodb and i dont how that crud added them login form pls help me and its asseynment from my university pls help me

    • @codewithyousaf
      @codewithyousaf  Рік тому

      you want to add login to the crud app you have created?

  • @SubhanAli-ej1hj
    @SubhanAli-ej1hj 4 місяці тому

    thanks

  • @XIAOMI_corp
    @XIAOMI_corp 10 місяців тому

    I can use fetch? Axios is bad

  • @سعید-ظ2ف4ي
    @سعید-ظ2ف4ي 4 місяці тому

    What is different between access token and refresh token?

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

      An access token is a short-lived token used to authenticate and authorize requests to protected resources. A refresh token, on the other hand, is a long-lived token used to obtain a new access token once the current access token expires, without requiring the user to re-authenticate.

  • @AbhirajKumar-w8d
    @AbhirajKumar-w8d 9 місяців тому

    Than you sooo much :))
    Please provide source code link for the same :))

  • @jayconjudemadrid8987
    @jayconjudemadrid8987 7 місяців тому

    Is there a source code for this?

  • @GamerSpan
    @GamerSpan 6 місяців тому

    how to integrate with website

  • @ramakrishnameduri3125
    @ramakrishnameduri3125 8 місяців тому

    The refresh token is not working

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

    47:46

  • @UserAliyev
    @UserAliyev Рік тому

    l am waiting social media app from you please 😀❤️

  • @andrews13
    @andrews13 8 місяців тому

    41:32

  • @Coder856
    @Coder856 Рік тому +1

    Yousaf bhaiii agr Apne aik chuta sa video banao na ompass py wo locally kaisy set kar skty haiii

    • @codewithyousaf
      @codewithyousaf  Рік тому

      mi ny already banaya hi search in my youtube channel Compass

    • @codewithyousaf
      @codewithyousaf  Рік тому

      ua-cam.com/video/bLcdMzC2jbU/v-deo.htmlsi=dTvkW9fra7lfxx6G

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

    For what shall it profit a man, if he shall gain the whole world, and lose his own soul? Or what shall a man give in exchange for his soul?
    Whosoever believeth in Jesus Christ should not perish, but have everlasting life.
    Please come to Jesus Christ, He loves you.

  • @shivashankarec0567
    @shivashankarec0567 6 місяців тому

    38:54