#5. SEO 2: Đặt tên Title/Description (Static) | SEO Siêu Cơ Bản Dành cho Beginners với Next.JS 13

Đây là video trong Khóa Học React Pro Max - Làm Chủ Toàn Diện React.JS Hiện Đại | Gánh Team React Client/Server với Vite và Framework Next.JS (Typescript)
📢 Link Khóa Học : hoidanit.com.v...
👉 Bạn nào muốn giá ưu đãi, giảm giá đặc biệt, cứ inbox cho mình. 1-100% được giảm 🙃
Inbox qua: / askitwitheric
Về khóa học này:
Next.JS là một framework javascript chuyên làm frontend, tích hợp sẵn thư viện React để code giao diện UI một cách hiệu quả.
Lợi thế của Next.js so với việc sử dụng React thuần túy, chính là việc cung cấp bộ khung framework, giải quyết các vấn đề thường gặp của React mà bấy lâu nay chúng ta cần tự xử lý, ví dụng như routing, nested route.
Ngoài ra, với lợi thế "server", Next.js có thể pre-render giao diện, giúp tốc độ load website nhanh hơn, và có ưu thế trong SEO so với việc dùng client side rendering của React thông thường.
Các trọng tâm của khóa học này, có thể kể đến như:
Học React với Typescript (vì Next.js yêu cầu biết trước React để sử dụng framework này)
Nắm vững cơ chế CRS (client side rendering) bằng cách sử dụng React với Vite, kết hợp design giao diện UI với Antd (Ant Design )
Sử dụng Next.js (typescript), kết hợp với React và MUI để làm giao diện UI chuyên nghiệp.
Thực hành dự án clone Soundcloud với React/Next.js và MUI
Khóa học này sẽ phù hợp với các bạn đang có nhu cầu tìm hiểu về React, muốn biết React được sử dụng trong thực tế như thế nào, cũng như muốn tạo ra một website đảm bảo hiệu năng kết hợp với SEO để tăng kết quả tìm kiếm từ Google.
🤩Trở thành "HỘI VIÊN" để NHẬN THÊM NHIỀU V-I-P QUYỀN LỢI, ĐĂNG KÝ TẠI ĐÂY:
🤝 / @hoidanit
🌎 Tìm mình tại đây:
1. Facebook Fanpage (Tiếng việt): / askitwitheric
2. Facebook Fanpage (Tiếng anh): / haryphamdev
3. Group trao đổi học tập Facebook: / hoidanit
4. Github: github.com/har...
5. KZbin channel: / @hoidanit
6. Email: [e-mail]
ĐỪNG QUÊN NHẤN CHUÔNG 🔔 ĐỂ NHẬN CẬP NHẬT VIDEO MỚI NHẤT CŨNG NHƯ ► ĐĂNG KÝ KÊNH! ► bit.ly/31P4KhK
#react #nextjs #hoidanit

[@lynchiuz422]

Hay quá anh ơi, cám ơn anh đã giúp cộng đồng

[@hoidanit]

cảm ơn bạn đã ủng hộ

[@warhorse_one]

Ở trong video này, nếu bao bọc các client component là authwrapper, themeregistry và toastprovider bên ngoài {children} thì các component bên trong {children} đều là client component hết mà 😮

[@hoidanit]

đây là khi bạn chưa hiểu client component là gì. hiện tại, useContext của react đang là client component đấy suy nghĩ của bạn đang là: use-client === CSR (client side rendering)

[@warhorse_one]

@@hoidanit kzbin.info/www/bejne/Y4DEXmOfh8dgrs0si=h0eBfaE7qLfy6MqH ở cuối video này đoạn 06:22 anh có nói là "use client" === CSR mà 😂

[@hoidanit]

bạn không xem được full khóa nên hiểu như vậy. mình nói là hiểu đơn giản vì đang so sánh với các cơ chế khác. còn use -client = CSR + pre-render trên server của nextjs nữa.kk