hi Hiếu, cơ bản những tính năng ở next 11 thì vẫn hỗ trợ bình thường bên cạnh đó, có một số tính năng mới em nhen em đọc thêm ở đây hen: nextjs.org/blog/next-13
Anh ơi. Em muốn tham gia hội viên để xem các video tiếp theo. Mà em k có thẻ visa để thanh toán. Vậy em có cách nào khác để thanh toán ko anh. Đang hay quá trời tự nhiên k đc học nữa. Chán :3
@@EasyFrontend em chuyển tiền vô momo rồi a thêm em vô hội viện đc không ạ. H làm thẻ mastercard của viettel phải có quầy giao dịch làm mà h em về quê mất rồi ko có quầy anh 😢
anh cho em hỏi đối với những trang được prefetch sử dụng getStaticProps thì ngoài việc prefetch JS nó còn fetch thêm 1 file JSON nữa, còn đối với trang dùng getServerSideProps thì chỉ prefetch JS thôi, phải vậy không anh
hi Đạt, hợp lý em nhen vì với static props thì nó biết trước props cần truyền vào component ở client side là gì, nên nó cho file json luôn. Nhưng với SSR thì mình ko biết đc props cần trả về cho client cho đến khi nhận đc cái run-time request em hen. Cơ mà anh chưa quan sát nhiều với getServerSideProps nên ko chắc lắm, nhưng theo em nói thì anh thấy hợp lý hen
Dạ a ơi e muốn tham gia thành viên kênh của a để e follow theo khóa nextjs ạ mà e k có thẻ visa hay thẻ còn lại. E có momo với airpay thôi ạ. A cho e hỏi e có thể nhờ bạn thanh toán giúp hay còn cách nào k ạ. E cám ơn kiến thức a chia sẻ và muốn tiếp tục học khóa này ạ
hic sorry em nhiều vì sự bất tiện ở khoản thanh toán nhé Toàn. Tại UA-cam hk hỗ trợ momo hic. Hiện tại em có thể mượn thẻ của người nhà hoặc đk tk master card online của ví Viettel Pay em nha, ra cửa hàng mang theo CMND là được em nhé 😉
anh ơi cho em hỏi là em có dùng thằng getServerSideProps thì khi click vào nó phải đợi mất 1 đến 2s nó mới navigate sang, có cách nào khắc phục điều này không ạ. có thế cho nó navigate trước rồi mới load data được không ạ
à đó là mặt hạn chế của SSR òi thời gian đợi đó là thời gian fetch API trên server nếu em ko muốn như vậy thì cân nhắc dùng data fetching on client side em nhen hehe
à theo anh thì mình nên làm hết bên client em hen, rồi phía client tự manage luôn nè hehe hoặc em có thể làm dạng cookies thì làm tương tự như cách anh hướng dẫn trong series này 😉
cái prefetch người ta làm thông minh quá ạ😍
yeahhh mình đỡ khổ hahaa 🤣
Prefetch thông minh thế nhờ :D
0:00 Giới thiệu
0:47 Tóm tắt
1:11 Navigate with next/link
4:58 Full page reload & client side routing
8:42 Navigate use route.push()
11:52 Prefetching
Yeah cảm ơn em nhiều nhiều nhé Hoang Pham ơi
Số lượng video đã contribute chapter: 18 🎉
NextJS xịn thực sự 😁
hay quá a ơi
Em điểm danh trước kaka
hay quá a. vậy mà đó giờ em toàn dùng cái LInk này xong lại thêm cái href vào thẻ a lần nữa mà ko biết
yeah giờ biết thêm đc cái mới Vân hen hehe 😊
Ngồi xem lại mấy bài cũ thấy mình bị miss bài này :))). Prefetch đỉnh thật
hahaa ngon lành, em để ý con số trên title nhen Tân, nó phải liên tục nhau nhen, nếu thiếu là do anh add thiếu bài á hahaa, có gì nhắc giúp anh nhen 😊
a ơi bây giờ nextjs bản mới nhất thì có khác nhiều lám không ạ
hi Hiếu, cơ bản những tính năng ở next 11 thì vẫn hỗ trợ bình thường
bên cạnh đó, có một số tính năng mới em nhen
em đọc thêm ở đây hen: nextjs.org/blog/next-13
Anh ơi. Em muốn tham gia hội viên để xem các video tiếp theo. Mà em k có thẻ visa để thanh toán. Vậy em có cách nào khác để thanh toán ko anh. Đang hay quá trời tự nhiên k đc học nữa. Chán :3
hi Đạt ơi, em có thể dùng master card online của viettel pay nha em ơi 🥰
@@EasyFrontend em chuyển tiền vô momo rồi a thêm em vô hội viện đc không ạ. H làm thẻ mastercard của viettel phải có quầy giao dịch làm mà h em về quê mất rồi ko có quầy anh 😢
anh cho em hỏi đối với những trang được prefetch sử dụng getStaticProps thì ngoài việc prefetch JS nó còn fetch thêm 1 file JSON nữa, còn đối với trang dùng getServerSideProps thì chỉ prefetch JS thôi, phải vậy không anh
hi Đạt, hợp lý em nhen vì với static props thì nó biết trước props cần truyền vào component ở client side là gì, nên nó cho file json luôn. Nhưng với SSR thì mình ko biết đc props cần trả về cho client cho đến khi nhận đc cái run-time request em hen.
Cơ mà anh chưa quan sát nhiều với getServerSideProps nên ko chắc lắm, nhưng theo em nói thì anh thấy hợp lý hen
Hay và cụ thể quá anh ạ. Mà bên nextJs này có component redirect như trong react k ạ.
hi Trung, em tham khảo chỗ config redirects này nhen hehe
nextjs.org/docs/api-reference/next.config.js/redirects
A cho e hỏi h recoil đã stable chưa ạ. E đang định start 1 dự án nhỏ để thử thằng này.
à cái này anh hk rõ nữa em nha, em check thử trên github và mấy nhóm chat xem sao em nhen 😉
Dạ a ơi e muốn tham gia thành viên kênh của a để e follow theo khóa nextjs ạ mà e k có thẻ visa hay thẻ còn lại. E có momo với airpay thôi ạ. A cho e hỏi e có thể nhờ bạn thanh toán giúp hay còn cách nào k ạ. E cám ơn kiến thức a chia sẻ và muốn tiếp tục học khóa này ạ
hic sorry em nhiều vì sự bất tiện ở khoản thanh toán nhé Toàn.
Tại UA-cam hk hỗ trợ momo hic.
Hiện tại em có thể mượn thẻ của người nhà hoặc đk tk master card online của ví Viettel Pay em nha, ra cửa hàng mang theo CMND là được em nhé 😉
Vậy mình dùng prefect này thay cho lazy load component hả a
à bên NextJS thì nó tự lazy load theo page cho em rồi nhé
A Hậu, a đã từng dùng migration cho dự án nextJS chưa ạ. Em dùng thử thì hình như typeorm chỉ hỗ trợ nest thôi.
à cái này anh chưa thử nhen Vũ hihi
Dạ em cảm ơn anh.
a có video nào hướng dẫn tạo key kích hoạt bản quyền riêng cho extension photoshop không ạ?
à anh hk có làm video chủ đề này em nha
Dùng thẻ Link mà không dùng thẻ a ở bên trong có bị sao không ạ, tại em thấy nó tự chuyển thẻ Link thành thẻ a mà không phải tự thêm vào.
nextjs.org/docs/api-reference/next/link
hi em, theo docs thì ko sao em nha, có thể dùng ko cần thẻ a nè
bây giờ next.js 13 ko dùng đc thẻ a bên trongn nữa rồi :v
anh ơi cho em hỏi là em có dùng thằng getServerSideProps thì khi click vào nó phải đợi mất 1 đến 2s nó mới navigate sang, có cách nào khắc phục điều này không ạ. có thế cho nó navigate trước rồi mới load data được không ạ
à đó là mặt hạn chế của SSR òi
thời gian đợi đó là thời gian fetch API trên server
nếu em ko muốn như vậy thì cân nhắc dùng data fetching on client side em nhen hehe
làm sao để trở thành hội viên để xem full video trên youtobe này vậy anh ?
à em click vào nút Join/Tham gia kế bên nút subscribe em nha 😊
cho e hỏi. đối với việc authenticate ở next thì nên authen ở client side như react hay server ạ?
à theo anh thì mình nên làm hết bên client em hen, rồi phía client tự manage luôn nè hehe
hoặc em có thể làm dạng cookies thì làm tương tự như cách anh hướng dẫn trong series này 😉
@@EasyFrontend nếu làm như client thì localstorage cũng đc a nhỉ
@@ucanhle7924 yeah đúng òi em nhen, nhưng phải tuỳ độ bảo mật của mỗi dự án em nhen hehee
Case prefeching:
- mạng yếu
- no caching
- chỉ fetch những page trong thẻ Link nhưng nằm trong viewport
Anh ơi làm sao để thành member v ạ, em ko tìm thấy nút join nào cạnh nút subscribe cả???
à em xem trên desktop mới có em nhé, và đừng dùng cốc cốc em nha 😉
@@EasyFrontend em đã đăng kí dc rùi ạ
@@gfshfds wohoo cảm ơn em nhiều nhiều nhé Thuỷ 😍
Anh ơi, anh cho em xin slides của video này được không ạ? ^ ^
Video anh chi tiết quá!
Cảm ơn anh ạ!!
yeahhh cảm ơn em nhiều nhiều nhé Hà hehe
Slide đây em nha: drive.google.com/file/d/1Ou_7WBuu73xmQVQXPGRv6oyOCpzfbujB/view?usp=sharing
Dạ, em cảm ơn anh ^ ^
a e không có thẻ master card, e chuyển khoản đc ko ạ
hi Tín, nếu là fan cứng trên youtube thì ko đc em nhen, em cần phải tự đăng ký nè hihi 😉
Em có thể dùng master card online của viettel pay nhen
có link slide full khóa không anh cho e xin với ạ
drive.google.com/drive/folders/1p6EjDFBIk9eeoMfsr9z5ufCbhe1rzU8W
em vào đây có hết mấy file slides em nha