- vừa được xem lúc

NextJS: 03-06 Integrate API for Login Page

0 0 1

Người đăng: Easy Frontend

Sau khi setup xong phần API cho login/logout, giờ mình thử gắn vào giao diện xem thế nào nhé 😊

Xem thêm về cookie SameSite: https://youtu.be/aUF2QCEudPo
Slide: https://drive.google.com/drive/folders/1p6EjDFBIk9eeoMfsr9z5ufCbhe1rzU8W?usp=sharing
———
#nextjs
#authentication
#nextjs_tutorial
———
VIDEO CHAPTERS:
Made by: Hà Phạm Thị Ngọc
Cảm ơn bạn nhiều nhé! ❤️

00:00 Giới thiệu video
00:35 Dựng giao diện
02:29 Cài đặt thư viện, tạo folders API
04:36 Cấu hình Axios và Axios interceptors
06:29 Chuẩn bị authApi
09:34 Ghép API vào LoginPage
11:34 Demo luồng chạy và cách kiểm tra cookie
13:20 Giải thích cơ chế httpOnly cookie và cách chống XSS
14:26 Giới thiệu sơ lược về SameSite cookie (Strict vs Lax)
15:04 Demo luồng chạy và cách kiểm tra cookie (tiếp)
17:07 Sum up và giới thiệu video sau
———
Easy Frontend - Code xịn hơn mỗi ngày
🔥 Khoá học Javascript: https://course.ezfrontend.com/javascript
🎁 Khoá học ReactJS: https://course.ezfrontend.com/reactjs
🎯 Fan cứng Easy Frontend: https://www.youtube.com/channel/UCG2ovypNCpVOTFeY1YCocmQ/join
———
💰 Ủng hộ mình làm videos thì đóng góp qua MoMo/ZaloPay: 0901 309 729 nhé
———
Kết nối với mình:
- ✅ Follow facebook: https://www.facebook.com/nvhauesmn/
- 🎉 Fan page: https://www.facebook.com/learn.easyfrontend
- ❓ Group: https://www.facebook.com/groups/easyfrontend
- 💻 Github: https://github.com/paulnguyen-mn
- 💼 LinkedIn: https://www.linkedin.com/in/haunguyenmn/

Bình luận

Bài viết tương tự

- vừa được xem lúc

Viết một chiếc app quản lý Hạn sử dụng của thực phẩm

Mở đầu. Tôi là 1 kỹ sư công nghệ thông tin mới ra trường. Trong thời gian học Đại học, từ năm 1 tới năm 4, tôi đi làm thêm tại TSUTAYA (chuỗi cửa hàng bán sách, video...v.v nổi tiếng bên Nhật). Về chiếc App tôi đã phát triển. App tôi phát triển là Web App giúp quản lý hạn sử dụng của đồ ăn.

0 0 41

- vừa được xem lúc

Routing trong Next.js

Trước đó bạn có thể đang tò mò về Next.js, vào đây luôn bạn ơi. (go). .

1 0 45

- vừa được xem lúc

Cài đặt chuyển đổi ngôn ngữ trong một project NextJS

Ở phiên bản Nextjs Version 10 mới đây, việc sử dụng i18n đã trở nên dễ dàng hơn qua tính nâng cao là Internationalized Routing. Cài đặt cấu hình cơ bản. Tại file next.config.

0 0 55

- vừa được xem lúc

Cấu hình eslint airbnb, prettier cho dự next.js sử dụng typescript

Chào mọi, mình đã quay lại đây. Hôm nay mình sẽ đem đến một chủ đề linter cụ thể cấu hình eslint cho dự án next.

0 0 177

- vừa được xem lúc

Handling custom page navigation on Next.js

Last month we discussed about different kind of routing on Next.js. Here's a short example of creating a component that moves the user to next page. import { useRouter } from 'next/router'.

0 0 72

- vừa được xem lúc

Next Image một feature, một nâng cấp tuyệt vời version nextjs 10

NextJS đã cho ra mắt version 10 cách đây 2 tháng với hơn 20 fearture nâng cấp đáng giá. Chúng ta có thể kể ra những features nổi bật như. . Next/Image: với khẳ năng render image cho các kích thước màn hình tương ứng.

0 0 50