#29: How to LOGOUT in our MERN Stack + Toggle Login Logout Button in Navbar

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

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

  • @payalverma4653
    @payalverma4653 ปีที่แล้ว +2

    Sir, Never stop teaching.. you are the best 😊

  • @manoranjangupta6144
    @manoranjangupta6144 10 หลายเดือนก่อน +13

    Nice video but please explain why we need to refresh to show Logout button in navbar after login

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

      bro search on chat gpt what is refresh and acces token else you can also search on
      youtube

    • @mr.rising5691
      @mr.rising5691 2 หลายเดือนก่อน

      thats a real problem... have you feagured it out brother ??

  • @KarishmaSharma-k8n
    @KarishmaSharma-k8n 6 หลายเดือนก่อน +2

    best mern series

  • @ascodes3461
    @ascodes3461 ปีที่แล้ว

    Best boss, What an amazing tutorial, right on time...I just needed it and you upload...lots of love!!!

  • @ItachiUchiha-ix5sg
    @ItachiUchiha-ix5sg 3 หลายเดือนก่อน

    This topic is nicely taught. Thanks a lot sir

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

    learned alot from your videos ...thank you so much sir

  • @ayyazsakumnali5611
    @ayyazsakumnali5611 6 หลายเดือนก่อน +4

    Anyone facing an issue "needs to refresh to show the Logout button in the navbar after login" add setToken(servertoken); a line in stroteTokenInLS function

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

      import { createContext, useContext, useState } from "react";
      export const AuthContext =createContext();
      export const AuthProvider=({children})=>{
      const [token,setToken]=useState(localStorage.getItem("token"))

      let isLoggedIn=!!token
      const stroteTokenInLS=(servertoken)=>
      {
      localStorage.setItem("token",servertoken)
      setToken(servertoken);
      }
      const LogoutUser=()=>{
      localStorage.removeItem("token")
      setToken("");
      }
      return({children});
      }
      export const useAuth=()=>{
      return useContext(AuthContext)
      }

    • @mr.rising5691
      @mr.rising5691 2 หลายเดือนก่อน

      a complete new line or instead of setItem ?

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

      Thanks man☺. Its works.....

  • @arpanmandal24
    @arpanmandal24 7 หลายเดือนก่อน +3

    Please explain why we need to refresh the page to show Logout button? why isn't it coming automatically? I done the same and facing the same issue

  • @aditya-d-
    @aditya-d- ปีที่แล้ว +4

    sir error plez help - mera login kare ke navbar par logout dikhta hey, lekin jaise logout click karta hu to logout hota hey , or login page par redirect kara ta hey , lekin navbar se logout nahi jata - help

    • @indiherbsllc867
      @indiherbsllc867 ปีที่แล้ว +1

      ​ @ThapaTechnical

    • @saltech23
      @saltech23 ปีที่แล้ว +1

      same roblem

    • @debanandakumarpadhy7757
      @debanandakumarpadhy7757 10 หลายเดือนก่อน +1

      I am facing same issue, kaise resolve kiya?

    • @yogeshpatidar8195
      @yogeshpatidar8195 8 หลายเดือนก่อน +1

      same problem? any solution

    • @aditya-d-
      @aditya-d- 8 หลายเดือนก่อน

      @@yogeshpatidar8195 i give you my code, you check i make this already

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

    osm sir osm really great teach you are a lot of respect

  • @nabinbhandari45
    @nabinbhandari45 ปีที่แล้ว +2

    please upload at least two videos per day

  • @harisankarpradhan4639
    @harisankarpradhan4639 ปีที่แล้ว

    Thapa bhai sachi bataun to aap great ho bhai 🥰🥰🥰🥰

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

    playlist ka link kyu nai dalte ho

  • @ErrorEagle-z6r
    @ErrorEagle-z6r 2 หลายเดือนก่อน

    thanku thapa bhai

  • @cm-040balasundar6
    @cm-040balasundar6 9 หลายเดือนก่อน

    Hey man
    The token will be in local storage even though the token is expired u are not explained it.I came to this video for that doubt but i cant get it...

  • @amulop
    @amulop 8 วันที่ผ่านมา

    Completed 19/12/2024 - 23:10

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

    why are we using different route for logout

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

    Yo Series malai sabse hard chai JWT, Log out functionality lago. Quki main react ki badle nextjs use karahahu frontend. Thori idar udar chatgpt use karke aur aapke code k sath khelte huye solve vi horaha hain. Lekin Login karte samme harek time refresh karna parra ha hain. Yo kya karke hataye ye samaj me nai aaya

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

      hey there?
      1-)
      In auth.js:
      //add the settoken state funct in value prop
      return //added settoken here
      {children};


      2-)In Login.jsx:
      //construct these value from useAuthhook
      const {storeTokenInLS, settoken}=useAuth();
      handlelogin=()=>{
      //remaining logic same rahey gi
      settoken(response.data.token) //add this here
      storeTokenInLS(response.data.token)
      }
      3-)
      Navbar logic: const {isLoggesin }= useAuth();

      {isLoggedIn ? (

      Logout
      Profile

      ) : (

      Register
      Login

      )}
      Home

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

    kamal❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤

  • @farhanakhtar971
    @farhanakhtar971 ปีที่แล้ว +2

    Thapa bhaiya, mai jb login kr rha hu to suddenly logout button show nhi kr rha h, page refresh krne k baad logout button show ho rha h, isko kaise thik kru😢
    Baaki everything is okayy

    • @DivansuPandat
      @DivansuPandat ปีที่แล้ว

      same mere sath ho ra hai agr solution mile to btaye bhai jrur

    • @farhanakhtar971
      @farhanakhtar971 ปีที่แล้ว

      @@DivansuPandat bhai maine solve krr liye, jb login kroge usi time instant token store krrna Localstorage se get krrke, fix ho jayega

    • @DivansuPandat
      @DivansuPandat ปีที่แล้ว

      bhai login krne pr to token localstorage me store hora hai but logout ni suddenly ara refresh krne ke bad ata hai logout@@farhanakhtar971

    • @cse022-anmolrinayat5
      @cse022-anmolrinayat5 10 หลายเดือนก่อน

      kaise krna hai bro@@farhanakhtar971

    • @cse022-anmolrinayat5
      @cse022-anmolrinayat5 10 หลายเดือนก่อน

      help
      @@farhanakhtar971

  • @gamingarizonaofficial
    @gamingarizonaofficial ปีที่แล้ว

    Sir, Login Hone Ke Bad Refresh Krte hai to LogOut option hat jata h per hmko button click pe hi hatana tha

    • @DivansuPandat
      @DivansuPandat ปีที่แล้ว +3

      yarr mera login hone ke bad lgout option ata ni but refresh krta hu tb a jata hai

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

      Bhai solution mila iska

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

      @@factsshortshindi Haaa Bhai Mil gya tha

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

      @@gamingarizonaofficial iska solution kya the bhai?

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

      @@factsshortshindiBro Iska solution ChatGpt😂

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

    import analysis ka error aa rha hai wo kse solve kre?

  • @tayyabsadiq3881
    @tayyabsadiq3881 ปีที่แล้ว

    sir can we do authentication using cookies in this series...

  • @rahulsoni754
    @rahulsoni754 ปีที่แล้ว

    Make one video on otp verification on email registration

  • @RoboBuddy-01
    @RoboBuddy-01 วันที่ผ่านมา +1

    Sir truly batu to sayad apko bura lage aur mere baat faltu lage but , your video thodi complex hai manta hu ki for a begineer ,

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

    what does '!!' mean? I learned '!"

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

      ! is 'not' and works as negation, but !! is double 'not' and make 'isLoggedIn' a boolean without actually making it. If we directly write: const isLoggedIn = token; it will simply asign the token to isLoggedIn variable

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

      as in - - = + as we did in math

  • @NazirAnsari-bm2ip
    @NazirAnsari-bm2ip ปีที่แล้ว

    Sir Navbar Responsive nhi kiya aapne

    • @tejaspatel3680
      @tejaspatel3680 ปีที่แล้ว +1

      Ha bhai har chiz tuze bani banayi chahiye
      Utna to tu kr sakta he na

    • @ThapaTechnical
      @ThapaTechnical  ปีที่แล้ว

      Sure karnegey karengey

    • @tejaspatel3680
      @tejaspatel3680 ปีที่แล้ว

      @@ThapaTechnical I was points to that person not you ❤️
      Sorry if you think this one was for you🙏

    • @NazirAnsari-bm2ip
      @NazirAnsari-bm2ip ปีที่แล้ว

      thnk u sir@@ThapaTechnical

  • @GamerBoy-be6fr
    @GamerBoy-be6fr ปีที่แล้ว

    mere me login krne pe data ja raha hai lekin tokan store nahi ho raha

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

    🙏🙏❤❤

  • @rishiraj2548
    @rishiraj2548 ปีที่แล้ว

    👍🙏

  • @indiherbsllc867
    @indiherbsllc867 ปีที่แล้ว

    Sir,You did not handled Login and logout in Navbar,After login, Logout does not come in Navbar, Sirf Login aur Register hi rahta hai navbar me Login karne k baad v. plz Help. ​ @ThapaTechnical