A webhely részei a fő elrendezésben NextJS-ben
Nézzük meg a webhelyünk elrendezését. Jelenleg a változó oldaltartalom beillesztésére szolgáló parancs található benne:
export default function RootLayout({children}) {
return (
<html lang="en">
<body>
<main>
{children}
</main>
</body>
</html>
);
}
Azonban egy webhelyen általában vannak más részek is, amelyek változatlanok maradnak a különböző oldalakon. Például ezek lehetnek a fejléc és a lábléc. Adjunk hozzá ezeket az elrendezésünkhöz:
export default function RootLayout({children}) {
return (
<html lang="en">
<body>
<header>
header
</header>
<main>
{children}
</main>
<footer>
footer
</footer>
</body>
</html>
);
}
Adjon hozzá a projektje elrendezéséhez egy blokkot a fejléccel, a lábléccel, valamint a jobb és bal oldali oldalsávval.