Layout Lalai dalam NextJS

Dalam pelajaran sebelumnya, kita telah mengetahui bahawa kita mesti mempunyai layout umum tapak web, di mana kandungan, tajuk dan meta keterangan halaman dimasukkan. NextJS secara lalai sudah mempunyai fail dengan layout umum tapak web. Ia terletak dalam fail app/layout.jsx.

Selepas pemasangan, fail dengan layout sudah mengandungi beberapa kod. Kod ini, bagaimanapun, mengandungi banyak perkara yang tidak diperlukan. Mari kita buat layout tapak web yang minimum, yang mudah difahami. Untuk melakukan ini, buka fail layout, padamkan semua kandungannya dan masukkan 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>
  );
}