NextJS: 02-04 SSG, SSR, CSR and ISR 🤣

[@ki-sg9ig]

Hay nha! Nextjs 13 đã gộp SSG và ISR vào SSR, nên hiện tại chỉ còn 2 khái niệm là Client Component và Server Component. Client Component thì vẫn render phía client, còn Server Component được chia thành Dynamic Rendering và Static Rendering. Dynamic Rendering thì sẽ render lúc request time, trong khi Static Rendering sẽ render vào build time (SSG) hoặc phụ thuộc vào Data Revalidation (ISR). Ngoài ra còn có thêm Streaming giúp Dynamic Rendering render dần dần từng phần thay vì đợi server render toàn bộ page mới trả về html như trước.

[@EasyFrontend]

ù tuyệt vời, cảm ơn anh đã chia sẻ ạ, em chưa ngâm cứu tới next 13 nữa

[@TuiTenBo-xw5qy]

quá hay ạ, lần đầu thấy kiểu giảng bài mà hợp gu em đến v

[@EasyFrontend]

hehe cảm ơn em nhiều nhé Hiếu 😊

[@dangquyet1676]

Cảm ơn bạn. Tôi cũng đã tìm hiểu nhiều nhưng phải đến video của bạn tôi mới hiểu được các kiểu rendering này.

[@NamHuynh-do8bd]

hay quá, cực kỳ chi tiết và tâm huyết. Cảm ơn anh nhiều về những kiến thức bổ ích em chúc anh luôn khỏe mạnh và bình an

[@EasyFrontend]

yeah cảm ơn em nhiều nhé Nam ơi 😊 rất vui là nội dung hữu ích với em nè ❤️

[@thanhnx9368]

Hội viên mới chào anh Hậu và 500 aeeeee

[@EasyFrontend]

wohooo chào em nhé Thanh ơi 😊

[@atthanh882]

Những concept này em đã từng nghe qua rất nhiều lần, em cảm thấy nó khá lằng nhằng và dễ bị confuse, nhưng mà cách diễn đạt trong video của anh rất trực quan, rõ ràng dễ hiểu. Rất ủng hộ series này nha!

[@EasyFrontend]

yeahhh cảm ơn em nhiều nhiều nhé Đạt ơi, rất vui khi em có thể hiểu đc từ videos nè 😍

[@danhpham8284]

Kiến thức này thật sự bổ ích, mặc dù chẳng mong là đi phỏng vấn sẽ được hỏi và trả lời được bla bla, nhưng nâng tầm được kiến thức làm bản thân cảm thấy đam mê JS hơn. Cám ơn anh Hậu nhiều ^^ Hóng video tiếp theo của anh

[@EasyFrontend]

yeah cảm ơn em nhiều nhé Danh ơi 😊

[@thuonglc]

I'm a new "fan cứng" :>. Em chào anh Hậu :)

[@EasyFrontend]

wow ... welcome em Resper, cảm ơn em nhiều nhiều nhé 😊

[@nguyentiendungeddie]

Quá đỉnh anh ơiii

[@namnhan6052]

Quá tuyệt vời luôn ạ

[@EasyFrontend]

yeahhh tuần này sẽ có em nhen, hiện đc SSG òi, tối nay có thêm CSR khà khà 😋

[@maicaotri3668]

Bài này rất dễ hiểu ạ, đúng là bài em mong đợi nhất từ đầu khoá đến giờ 😁

[@EasyFrontend]

yeahhh ngon lành Trí ơi, mấy videos tiếp theo mình sẽ cùng nhau đào sâu xuống từng concept để em có thể hiểu kĩ hơn nhen 😊

[@StarKing18021995]

Quá hay!

[@phanhaiang7052]

hay a oi

[@holyland1958]

Bài này coi quá phê anh ơi, cám ơn anh nhiều!!!!

[@trungminh549]

Rất là thú dị 😂

[@ThuanTran15219]

vừa hiến máu xg :v hy vong anh ra nhiều clip để tụi em còn nghịch cho tay to

[@EasyFrontend]

yeahhh cảm ơn em nhiều nhiều nhé Thuận 😊

[@hoangpham1132]

0:00 Giới thiệu 1:01 SSR React Hydrate 2:19 Hydrate function 4:08 Pre-rendering 10:28 Static Site Generation - SSG & Server Site Rendering - SSR 13:59 Client Site Rendering - CSR 15:22 Incremental Static Regeneration - ISR 18:27 Pre-rendering form is per-page basis

[@EasyFrontend]

Yeah cảm ơn em nhiều nhiều nhé Hoang Pham ơi Số lượng video đã contribute chapter: 19 🎉

[@thienvu1377]

A Hậu có dự định làm video về react-query ko ạ

[@EasyFrontend]

à có nhé em ơi, mà tại chưa tới á hihi

[@sinhvo5581]

đang coi ngon lành bắt cứng = ))

[@EasyFrontend]

hahaa xong rồi tự nhiên cứng luôn em hở 🤣

[@dungtranvan3249]

Hi a. Làm sao đăng kí được fan cứng ạ?

[@EasyFrontend]

hi Dũng, em vào kênh hoặc videos bất kì của kênh, click nút Tham gia, kế bên nút subscribe em nhen 😊

[@dungtranvan3249]

@@EasyFrontend nhập thẻ ngân hàng nhưng e không có thể phù hợp á a. Có cách khác nào thanh toán không ạ?

[@EasyFrontend]

@@dungtranvan3249 à hiện nó chỉ cho dùng thẻ tín dụng, còn bên android thì trên app có thể thanh toán momo thì phải á em hehe

[@dungtranvan3249]

@@EasyFrontend Ios có thanh toán momo k ạ? hay e chuyển khoản qua a rồi a add e vào được.k ạ?

[@nguyenthanhnam593]

@@EasyFrontend anh hướng dẫn em join hội viên bằng momo để em học hết khoá NEXTJS dc ko ạ

[@nguyenthanhnam593]

dạ em muốn được học hết khoá học NextJS mà em muốn đăng ký hội viện để dc học NEXTJS thì ngoài visa vs master card thì còn cách khác ko ạ. Mong anh trả lời cách giúp em Join hội viên với ạ

[@EasyFrontend]

hi Nam, anh thấy mn có thể đăng ký qua momo, nhưng phải dùng điện thoại android mở app youtube mới được thì phải. ios chưa hỗ trợ, em thử xem sao hen. Nếu ko đc chắc em phải dùng Viettel Pay master card online òi

[@nguyenthanhnam593]

@@EasyFrontend dạ em thử nhấn tham gia trên app youtube (android) mà nó báo là "đã xảy ra sự cố khi xử lý giao dịch mua hàng của bạn. Vui lòng thử lại" ạ

[@EasyFrontend]

@@nguyenthanhnam593 hihi này a chịu, để lúc sau em thử lại xem sao nha

[@teenii9453]

để coi hết series này mình cần tham gia member à anh, em muốn tham gia nhưng kh có thẻ visa thì làm sao anh nhỉ

[@EasyFrontend]

hi em, em có thể dùng điện thoại android, mở youtube app, rồi thanh toán bằng momo em nhen hehe 😉

[@quocatle7140]

Lên Fan cứng thôi :v

[@EasyFrontend]

ngon lành, cảm ơn em nhiều nhé Đạt 😉

[@khamluong1659]

A ơi, a có thể share các file pdf bài giảng cho e xin với được không ạ?

[@EasyFrontend]

hi em, em có thể check xong phần mô tả video sẽ có link tới drive chứa bài giảng em nhen 😉

[@vanthemvo4954]

Khóa này còn ra video hok anh Hậu?

[@EasyFrontend]

à còn nhiều lắm em nhen hehe

[@khoa-tran]

anh Hậu ơi, những kiến thức chia sẻ của anh về khóa học Nextjs rất chi tiết. E xin phép được lấy bài giảng của anh sharing cho ae đồng nghiệp trong công ty được ko a. Em đã join member trên KZbin rồi ạ

[@EasyFrontend]

à thoải mái em nhé, rất vui nếu kiến thức có ích cho mn nè hihi 🥰

[@huynguyendang1405]

anh ơi a hướng dẫn redux và typescript với nextjs đi a

[@EasyFrontend]

hi Huy ơi, anh hk có dự định dùng redux với nextjs em nhen, anh đang dùng swr cho series nextjs này hihi

[@vntripfinder]

A Hậu cho mình hỏi chút. SSG có good for SEO như SSR không? tại chưa thấy A đề cập đến :)

[@EasyFrontend]

ssg cũng là render phía server nên làm seo tốt nhé Tiến 😉 khi build nó tạo ra file html sẵn, lúc user gọi nó trả về thôi em nhen 😊

[@tinvo5369]

hay quá anh ơi

[@trungtrung2248]

anh owiiiii bài 02-03 đâu roài ạ

[@EasyFrontend]

à anh quên add vào playlist haha, thank you em nhé Trung 😍

[@trungtrung2248]

@@EasyFrontend vâng ạ, video xem cuốn quá anh à, hóng từng ngày có video mới từ anh.

[@kytosai]

Video này thiếu file slider á anh !

[@EasyFrontend]

yeah thank you em nhé Tiến, anh gửi em slide nha hehe drive.google.com/file/d/1YKvpah7EiEJido83nWIbA5pfu9O1amUR/view?usp=sharing