Next 14 메타데이터 정의하기

Next 14에서 메타 데이터는 Metadata 객체 또는 generateMetadata 옵션을 사용해서 정의할 수 있다.

import { Metadata } from 'next'
 
// either Static metadata
export const metadata: Metadata = {
  title: '...',
}
 
// or Dynamic metadata
export async function generateMetadata({ params }) {
  return {
    title: '...',
  }
}

layout.tsx 또는 page.tsx에서 위와 같이 정의하면 된다.

최상위 레이아웃에서도 정의할 수 있고 각 페이지에서 정의할 수 도 있다. 하지만 페이지 레벨에서 정의할 때 Server Components에서만 사용할 수 있다. (use client x) 이 때 정의하려면 상위의 layout.tsx에 정의한다.

출처 : Functions: generateMetadata | Next.js