NextJSにおけるデフォルトレイアウト

前のレッスンでは、コンテンツ、タイトル、ページのメタ説明が挿入されるサイト全体の共通レイアウトが必要であることを確認しました。 NextJSには、デフォルトでサイト全体の共通レイアウトファイルが既に用意されています。 それは app/layout.jsx というファイルにあります。

インストール後、レイアウトファイルには既にいくつかのコードが含まれています。 しかし、このコードには多くの不要な部分が含まれています。 理解しやすい最小限のサイトレイアウトを作成しましょう。 そのために、レイアウトファイルを開き、中身をすべて削除して、以下を挿入してください：

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