🎥 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
cho em hỏi là em thấy lúc anh load server component anh phải bỏ đi useState, vậy thì các component sử dụng hook đều phải dùng 'use client' và server component thường chỉ sử dụng cho các component đã được định nghĩa sẵn để tái sử dụng(thường là trong folder components) ở đó chúng ta có thể truyền và nhận props như bình thường. Không biết em hiểu như vậy có đúng không
Đúng rồi bạn. Tất cả các hook của React đều phải sử dụng ở client, không được sử dụng ở Server Side. Thông thường thì các trang landing page thì người ta sẽ dùng Server Side để tối ưu SEO, còn các trang như profile hay private page thì không cần chỉ sử dụng ở Client Side là ổn
ví dụ bạn fetch api ở client thì các content đc render từ api sẽ k seo tốt. Còn content bạn code sẵn từ trước thì nó sẽ static rendering lúc build nên vẫn seo ổn
@@duocdev ủa vậy ạ, sao em dùng window.location.href = 'login' trong file configaxios ở chỗ interceptors mà không dùng 'use client', cho bay về trang login mà nó vẫn nhận anh nhỉ, không thấy báo lỗi gì
quan trọng logic đoạn đó được gọi ở client hay ở server thôi em. Còn 'use client' thì chỉ dùng ở component chứ không dùng cho các file như file http axios đc
🎥 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
Từ ib facebook của anh qua đây quá hay luôn anh
cho em hỏi là em thấy lúc anh load server component anh phải bỏ đi useState, vậy thì các component sử dụng hook đều phải dùng 'use client' và server component thường chỉ sử dụng cho các component đã được định nghĩa sẵn để tái sử dụng(thường là trong folder components) ở đó chúng ta có thể truyền và nhận props như bình thường. Không biết em hiểu như vậy có đúng không
Đúng rồi bạn. Tất cả các hook của React đều phải sử dụng ở client, không được sử dụng ở Server Side. Thông thường thì các trang landing page thì người ta sẽ dùng Server Side để tối ưu SEO, còn các trang như profile hay private page thì không cần chỉ sử dụng ở Client Side là ổn
Mình code nextjs mà trang nào cũng dùng hook (phải dùng use client) thì không SEO web được tốt à b
ví dụ bạn fetch api ở client thì các content đc render từ api sẽ k seo tốt.
Còn content bạn code sẵn từ trước thì nó sẽ static rendering lúc build nên vẫn seo ổn
có thêm isr, a có thể nghiên cứu
Cho e hỏi fetch dữ liệu thì fetch ở server component hay client nhỉ
Cần seo thì ở server. K cần thì ở client em nhé
Nextjs nên lưu trạng thái đăng nhập của user ở đâu anh nhỉ
Sẽ có video về cái này, lưu vào cookie em nhé
ở Nextjs 14, window.location.href vẫn dùng được ở server Component anh nhỉ
không em nhé. window là api của trình duyệt
@@duocdev ủa vậy ạ, sao em dùng window.location.href = 'login' trong file configaxios ở chỗ interceptors mà không dùng 'use client', cho bay về trang login mà nó vẫn nhận anh nhỉ, không thấy báo lỗi gì
quan trọng logic đoạn đó được gọi ở client hay ở server thôi em. Còn 'use client' thì chỉ dùng ở component chứ không dùng cho các file như file http axios đc
@@haivu-fy2vu file đó gọi trong 'use client' thì nó sẽ thực thi ở client luôn đó bạnbạn
khi nào khoá học nâng cao ra mắt ạ
Cỡ 1 tháng nữa anh sẽ thông báo