שלב 1: המעטפת
חלק מהיחידה היסודות של Next.js במסלול ה-React של Coddy. שיעור 39 מתוך 47.
אתגר
קלבנו את המעטפת ב־app/layout.jsx.
- ייבאו את
./globals.cssואתLinkמתוךnext/link. - ייצאו את
metadataעם אובייקטtitle: הערך שלdefaultהואCoddy Eatsוהערך שלtemplateהוא%s | Coddy Eats. - בתוך
<body>, הוסיפו<nav className="nav">ובתוכו שלושה קישורים:className="brand"אל/עם הטקסטCoddy Eats,id="nav-menu"אל/עם הטקסטMenu, ו־id="nav-desserts"אל/?category=dessertעם הטקסטDesserts. - מתחת ל־nav, עטפו את
{children}בתוך<div className="container">.
נסו בעצמכם
export default function RootLayout({ children }) {
return (
<html lang="en">
<body>
{children}
</body>
</html>
);
}