Paso 1: El Shell
Parte de la sección Esenciales de Next.js del Journey de React de Coddy. Lección 39 de 47.
Desafío
FácilConstruye la estructura en app/layout.jsx.
- Importa
./globals.cssyLinkdesdenext/link. - Exporta
metadatacon un objetotitle:defaultcon el valorCoddy Eatsytemplatecon el valor%s | Coddy Eats. - Dentro de
<body>, añade un<nav className="nav">que contenga tres enlaces:className="brand"a/con el textoCoddy Eats,id="nav-menu"a/con el textoMenueid="nav-desserts"a/?category=dessertcon el textoDesserts. - Debajo de la navegación, incluye
{children}en un<div className="container">.
Pruébalo tú mismo
export default function RootLayout({ children }) {
return (
<html lang="en">
<body>
{children}
</body>
</html>
);
}