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ácilCrea el armazón en app/layout.jsx.
- Importa
./globals.cssyLinkdesdenext/link. - Exporta
metadatacon un objetotitle:defaultcomoCoddy Eatsytemplatecomo%s | Coddy Eats. - Dentro de
<body>, añade un<nav className="nav">que contenga tres enlaces:className="brand"hacia/con el textoCoddy Eats,id="nav-menu"hacia/con el textoMenu, eid="nav-desserts"hacia/?category=dessertcon el textoDesserts. - Debajo del nav, envuelve
{children}en un<div className="container">.
Pruébalo tú mismo
export default function RootLayout({ children }) {
return (
<html lang="en">
<body>
{children}
</body>
</html>
);
}