[NextJS] Metadata

Yang Sooho·2024년 2월 5일

Metadata

  • 기존 HTML 소스에서 <meta> 태그에 관한 설정을 가리키는 변수입니다.
  • Server Component에서만 동작이 가능합니다.

Expression

  • layout 또는 page 파일에서만 사용이 가능합니다.

Javascript

export const metadata = {
	title: "Head Title",
    description: "Page Description",
}

Typescript

import { Metadata } from 'next';
export const metadata :Metadata = {
	title: "Head Title",
    description: "Page Description",
}
  • 또한, title의 형식을 객체 형식으로 가져가는 것도 가능합니다.
export const metadata :Metadata = {
	title: {
       template: "Home > %s",
       default: "Next Movies"
    },
    description: "Page Description",
}
  • 위의 template을 이용하여, 각 페이지별로 선언하는 title로
    %s의 리터럴을 대체할 수 있습니다.
profile
개발 한웅큼 메모 한 스푼

0개의 댓글