콘텐츠에서 NextJS로 메타데이터 정적 전달
이제 각 URL에 대해 자신만의 메타데이터를 설정하는 방법을 배워봅시다. 이를 위해 메타데이터 객체는 사이트 콘텐츠 파일에서 내보내져야 합니다.
어떻게 수행되는지 살펴봅시다. 사이트 콘텐츠가 있는 일부 컴포넌트가 있다고 가정해 보겠습니다:
export default function Test() {
return <h1>test component</h1>;
}
콘텐츠 파일에 해당하는 URL에 대한 메타데이터를 설정해 보겠습니다:
export const metadata = {
title: 'My Test page',
description: 'Description for test page.',
}
export default function Test() {
return <h1>test component</h1>;
}
사이트에 세 개의 페이지를 만드세요:
/about, /price, /contacts.
이 페이지들에 어떤 텍스트라도 추가하세요.
각 페이지에 대해 자신만의 메타데이터를 만드세요.
