Layout-i i Parazgjedhur në NextJS

Në mësimin e mëparshëm, ne zbuluam se duhet të kemi një layout të përgjithshëm të faqes, ku futet përmbajtja, titulli dhe përshkrimi meta i faqes. Në NextJS tashmë ekziston si parazgjedhje një skedar me layout-in e përgjithshëm të faqes. Ai ndodhet në skedarin app/layout.jsx.

Pas instalimit, në skedarin me layout tashmë ka disa kod. Ky kod, megjithatë, përmban shumë gjëra të panevojshme. Le të krijojmë një layout minimal të faqes, ku do të jetë e lehtë të kuptohet. Për këtë, hapni skedarin me layout, fshini nga ai çdo gjë dhe vendosni sa vijon:

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>
  );
}