NextJS에서의 메타데이터

이제 페이지에 타이틀과 메타 설명을 추가하는 방법을 살펴보겠습니다. NextJS에서는 이들이 함께 작업되므로 하나의 일반적인 단어인 메타데이터라고 부릅니다.

메타데이터는 타이틀과 메타 설명을 포함하는 특수 객체를 사용하여 설정됩니다:

app/layout.jsx{
  title: '...',
  description: '...',
};

이 경우 NextJS는 자동으로 해당 태그에 메타데이터를 삽입합니다. 우리는 이에 대해 걱정할 필요가 없습니다. 따라서 기본 사이트 레이아웃에는 head 태그가 없으며, 자동으로 생성될 것입니다:

app/layout.jsxexport default function RootLayout({children}) {
  return (
    <html lang="en">
      <body>
        {children}
      </body>
    </html>
  );
}

메타데이터를 설정하는 다양한 방법들이 있습니다. 이에 대해서는 다음 강의들에서 학습할 것입니다.