21. Xử lý logout với Next.js | Hiểu được flow authentication rồi thì làm quá dễ | Khóa học Next.js

[@duocdev]

🎥 Mình đã có khóa Next.js Super trả phí: duthanhduoc.com/courses/nextjs-super 📕 Đây là link github khóa học Next.js Free, các bạn không cần phải submit email nữa: github.com/duthanhduoc/nextjs-free

[@thevinhhuynh3333]

Mong a làm thêm về xác thực google, facebook,...

[@vannghia512]

mong mấy video sau a hướng dẫn làm cái top loading giống trang edu của a 😁

[@tomkhung7440]

Mong bạn làm một video về luồng xử lý authentication với accessToken và refreshToken ạ 😢.

[@duocdev]

Sau video này mình sẽ giải thích về access token và refresh token bên nextjs

[@giabaooan8044]

anh ơi sao cái await trong router handler logout nó chỉ có tác với thằng request thui vậy anh, còn gọi api nó báo lỗi await không hợp với ngữ cảnh

[@duocdev]

có thể em khai báo cái phần api bị sai, nó không phải promise nên mới báo thế

[@vuhoang167]

nếu sever backend cần cái body là refreshToken thì sao anh

[@HuyNguyen-sm5et]

anh ơi hiện tại em đang bị lỗi nó không thể set lại được cookie, trong khi vẫn có thể call api được ở phía server và xoá được cookie trên database. Anh có cách nào khắc phục cho em không ạ.

[@pqan112]

anh ơi, cái cách comment ở 6:09 là dùng extension gì thế anh?

[@duocdev]

K cài gì cả em. Vs code tự có. Em gõ như anh là nó gợi ý

[@nbora]

Trong file login-form.tsx, thay vì dùng router.push('/me'), mình sửa thành router.push('/'). Sau khi đã login, ở homepage tại sao vẫn vào trang login đc vậy Được. Phải refresh lại thì mới hông vào được nữa. Được coi video làm thử nè. kzbin.info/www/bejne/rYatdqODeL9giM0

[@duocdev]

Source code mình check k gặp nhé, bạn có thể clone repo mình về và check thử. mình đoán bug của bạn là do bên middleware bạn chưa cập nhật export const config = { matcher: ['/me', '/login', '/register'] } Phải ghi rõ matcher ra nó mới chịu, còn dùng [...] nó sẽ báo lỗi

[@nbora]

@@duocdev mình làm trên source mới nhất của b lun mà

[@h13u85]

@@duocdev Anh ơi hình như khi đăng xuất anh xóa token trong cookies nhưng chưa set lại cái token state trong AppContext dẫn đến cái vấn đề của bạn này á đúng k anh

[@HuyTran.DevBackEnd]

các bạn chú ý nhé, vì server-side sẽ không re-render khi có thay đổi dữ liệu nên khi router.push('/') thì sẽ chuyển sang trang ('/') và trang homepage sẽ không re-render nên vẫn có thể vào trong login như bình thường. Mình đã thử với client-side thì client-side re-render nên sau khi login xong thì sẽ không vào được login nữa. mình có thử tách các component và chia nó thành vừa client-side và server-side nhưng vẫn không fix được. === > giải pháp của mình là : location.href = '/' . Làm vậy thì sẽ chuyển trang và re-load page, server-side sẽ render ra dữ liệu mới nhất. nhớ check và kiểm tra file middleware.

[@nbora]

@@HuyTran.DevBackEnd dùng thêm router.refresh() là đc á bạn, dùng location.href thì làm mất đi tính SPA của web