Шаг 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. - Ниже навбара обоерните
{children}в<div className="container">.
Попробуйте сами
export default function RootLayout({ children }) {
return (
<html lang="en">
<body>
{children}
</body>
</html>
);
}