Alapértelmezett elrendezés a NextJS-ben

Az előző leckében rájöttünk, hogy kell lennie egy közös elrendezésnek a weboldalhoz, amelybe a tartalom, a cím és az oldal meta-leírása beillesztésre kerül. A NextJS-ben alapértelmezetten már van egy fájl a weboldal általános elrendezéséhez. Ez a app/layout.jsx fájlban található.

A telepítés után az elrendezési fájlban már van némi kód. Ez a kód azonban sok feleslegeset tartalmaz. Készítsünk egy minimális weboldal elrendezést, amelyet könnyű megérteni. Ehhez nyissa meg az elrendezési fájlt, törölje ki belőle mindent, és illessze be a következőt:

app/layout.jsxexport const metadata = {
  title: 'Test site',
  description: 'This is my page description.',
};

export default function RootLayout({children}) {
  return (
    <html lang="en">
      <body>
        {children}
      </body>
    </html>
  );
}