Etapa 1: A Estrutura Base
Parte da seção Essenciais do Next.js do Journey de React da Coddy. Lição 39 de 47.
Desafio
FácilConstrua a estrutura em app/layout.jsx.
- Importe
./globals.csseLinkdenext/link. - Exporte
metadatacom um objetotitle:defaultcomCoddy Eatsetemplatecom%s | Coddy Eats. - Dentro de
<body>, adicione um<nav className="nav">contendo três links:className="brand"para/exibindoCoddy Eats,id="nav-menu"para/exibindoMenueid="nav-desserts"para/?category=dessertexibindoDesserts. - Abaixo da navegação, envolva
{children}em uma<div className="container">.
Experimente você mesmo
export default function RootLayout({ children }) {
return (
<html lang="en">
<body>
{children}
</body>
</html>
);
}Todas as lições de Essenciais do Next.js
1Por que usar o Next.js
O que o Next.js adicionaA pasta AppSua primeira páginaRecapitulação: Por que usar o Next.js