Bước 1: Bộ khung
Thuộc phần Kiến thức thiết yếu về Next.js trong hành trình React của Coddy. Bài học 39 trên 47.
Thử thách
DễHãy xây dựng khung trang trong app/layout.jsx.
- Nhập
./globals.cssvàLinktừnext/link. - Xuất
metadatavới một đối tượngtitle:defaultlàCoddy Eatsvàtemplatelà%s | Coddy Eats. - Bên trong
<body>, thêm một<nav className="nav">chứa ba liên kết:className="brand"trỏ đến/, hiển thịCoddy Eats;id="nav-menu"trỏ đến/, hiển thịMenu; vàid="nav-desserts"trỏ đến/?category=dessert, hiển thịDesserts. - Bên dưới thanh điều hướng, đặt
{children}bên trong<div className="container">.
Tự làm thử
export default function RootLayout({ children }) {
return (
<html lang="en">
<body>
{children}
</body>
</html>
);
}Tất cả bài học trong Kiến thức thiết yếu về Next.js
4Máy chủ và client
Hai loại thành phầnĐọc lỗiDòng 'use client'Giữ phần client nhỏ gọnMáy chủ bên trong clientTóm tắt: máy chủ và client7Điều hướng phía máy khách
Liên kết đang hoạt độngĐiều hướng bằng codeLọc bằng URLBộ xử lý tuyến đườngÔn tập: Điều hướng