Server Component 페이지의 검색·탭 제목 계약을 정의합니다.
page나 layout에서 metadata를 export하면 Next가 head 요소를 생성합니다. 페이지 내용과 일치하는 고유 title과 description을 제공합니다.
동적 데이터는 generateMetadata에서 조회하되 페이지 요청과 중복 비용을 확인합니다.
robots, canonical과 Open Graph는 공개 정책과 실제 URL을 기준으로 설정합니다.
use client 파일에서는 metadata를 export할 수 없습니다.
로컬 프로젝트에서 확인해보세요openGraph title과 description을 추가하세요.
export const metadata = {
title: "Next.js 실무 강좌",
description: "App Router 서버 렌더링과 데이터 흐름",
};
export default function Page() {
return (
<main>
<h1>Next.js 실무 강좌</h1>
<p>{metadata.description}</p>
</main>
);
}