인프런 커뮤니티 질문&답변

가스라이팅의정석님의 프로필 이미지

작성한 질문수

손에 익는 Next.js - 공식 문서 훑어보기

메타데이터 다루기

메타데이터 관련 질문

해결된 질문

23.12.11 12:29 작성

·

140

0

동적 메타데이터를 적용하려고 합니다.

메타데이터가 위치해야하는곳에 대해서 궁금한데요

generateMetadata 함수는

layout 혹은 page.tsx 에만 위치해야 하나요?

page.tsx 안에서 import 한 컴포넌트안에 넣었더니 적용이 안되길래 여쭤봅니다

 

답변 1

0

하조은님의 프로필 이미지
하조은
지식공유자

2023. 12. 12. 09:44

안녕하세요! 다시 질문 남겨주셔서 감사합니다.

 

공식 문서에 따르면 정적 메타데이터(Static Metadata)는 layout 혹은 page 파일에서만 동작한다고 명시되어 있습니다. 뿐만 아니라 동적 메타데이터(generateMetadata), 정적 메타데이터 모두 서버 컴포넌트에서만 동작합니다.

 

문서에 특별히 언급하고 있지 않지만 generateMetadata 함수를 이용한 동적 메타데이터는 layout, page, not-found와 같이 라우팅 세그먼트에서 사용하는 파일 중 서버 컴포넌트인 파일에 적용할 수 있습니다. (핸드북 - 라우팅)

 

답변에 대해 추가 질문 있으시면 언제든 편하게 남겨주세요!

감사합니다.