콘텐츠에서 NextJS로 메타데이터 정적 전달

이제 각 URL에 대해 자신만의 메타데이터를 설정하는 방법을 배워봅시다. 이를 위해 메타데이터 객체는 사이트 콘텐츠 파일에서 내보내져야 합니다.

어떻게 수행되는지 살펴봅시다. 사이트 콘텐츠가 있는 일부 컴포넌트가 있다고 가정해 보겠습니다:

src/app/test/page.jsxexport default function Test() {
  return <h1>test component</h1>;
}

콘텐츠 파일에 해당하는 URL에 대한 메타데이터를 설정해 보겠습니다:

src/app/test/page.jsxexport const metadata = {
  title: 'My Test page',
  description: 'Description for test page.',
}

export default function Test() {
  return <h1>test component</h1>;
}