Next · metadata

동적 메타데이터와 OG 이미지 생성 파이프라인

라우트 파라미터와 데이터를 읽어 페이지 메타데이터와 공유 미리보기 이미지를 동적으로 생성합니다.

메타데이터 생성 단계

og image

Route Params

페이지별 slug와 searchParams를 입력으로 받습니다.

Data Fetch

게시글이나 상품 정보를 서버에서 조회합니다.

generateMetadata

title, description, openGraph 값을 구성합니다.

ImageResponse

동적 JSX를 OG 이미지로 렌더링합니다.

Preview

검색, SNS, 메신저가 미리보기 정보를 읽습니다.

params → fetch data → metadata → OG image route → preview

정리

동적 메타데이터는 SEO 문구 자동화가 아니라 페이지 데이터와 외부 공유 경험을 같은 소스에서 맞추는 작업입니다.