Tata Letak Bawaan di NextJS

Dalam pelajaran sebelumnya, kita mengetahui bahwa kita harus memiliki tata letak umum situs, di mana konten, judul, dan deskripsi meta halaman dimasukkan. Di NextJS, sudah ada secara bawaan file dengan tata letak umum situs. File tersebut berada di app/layout.jsx.

Setelah instalasi, file dengan tata letak sudah berisi beberapa kode. Kode ini, bagaimanapun, mengandung banyak hal yang tidak perlu. Mari kita buat tata letak situs minimal yang mudah dipahami. Untuk melakukannya, buka file tata letak, hapus semua isinya dan tempelkan yang berikut:

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