Langkah 1: Kerangka
Termasuk bagian Dasar-Dasar Next.js dalam perjalanan React di Coddy. Pelajaran 39 dari 47.
Tantangan
MudahBuat kerangka di app/layout.jsx.
- Impor
./globals.cssdanLinkdarinext/link. - Ekspor
metadatadengan objecttitle:defaultbernilaiCoddy Eatsdantemplatebernilai%s | Coddy Eats. - Di dalam
<body>, tambahkan<nav className="nav">yang berisi tiga tautan:className="brand"menuju/dengan teksCoddy Eats,id="nav-menu"menuju/dengan teksMenu, danid="nav-desserts"menuju/?category=dessertdengan teksDesserts. - Di bawah nav, bungkus
{children}dalam<div className="container">.
Coba sendiri
export default function RootLayout({ children }) {
return (
<html lang="en">
<body>
{children}
</body>
</html>
);
}