generateMetadata 처리 흐름

동적 메타데이터 생성

slug나 id로 콘텐츠를 찾고, 없는 경우를 처리하며, 상위 메타데이터와 캐시 정책까지 함께 결정해야 실제 페이지와 head가 어긋나지 않습니다.

1

라우트 값 읽기

동적 segment와 검색 파라미터를 기준으로 필요한 데이터를 정합니다.

params.slug
2

데이터 조회

본문 컴포넌트와 같은 fetch를 사용해 제목, 설명, 이미지를 가져옵니다.

await getPost
3

빈 결과 처리

콘텐츠가 없을 때도 검색 결과에 어색한 기본값이 남지 않게 합니다.

404 metadata
4

상위 병합

현재 대표 이미지를 우선하고 필요한 상위 OG 이미지를 뒤에 보존합니다.

parent
5

메타데이터 갱신 조건

게시물 수정이나 상품 가격 변경 주기에 맞춰 캐시 전략을 조정합니다.

revalidate
운영 포인트

동적 OG 이미지 자동화

opengraph-image.tsx를 쓰면 게시물 제목이나 상품명을 반영한 이미지를 라우트 단위로 만들 수 있습니다.

상황
대응
metadata 생성 확인
데이터 없음
404용 title과 설명 반환
본문 notFound 흐름과 일치
데이터 변경
ISR 또는 revalidate 조정
공유 카드가 새 내용 반영
상위 이미지
현재 이미지 뒤에 병합
대표 이미지 우선 노출