참고 : 클라이언트 컴포넌트에서는 사용이 불가능함.
•
layout 파일에도 사용이 가능함.
•
자식에 있는 Metadata 코드가 부모의 Metadata 코드를 덮어씌움.
정적
// 예시
export const metadata: Metadata = {
title: "멋진 제품 사이트 | 전체 제품 확인",
description: "멋진 제품을 확인하세요..",
icons: {
icon: "/favicon.ico",
},
};
JavaScript
복사
동적
동적 라우팅, slug등을 사용하는 특정 페이지
// 예시
export function generateMetadata({ params }: Props) {
return {
title: `제품의 이름: ${params.slug}`,
description: "멋진 제품을 확인하세요..",
icons: {
icon: "/favicon.ico",
},
};
}
JavaScript
복사