[NextJS] Metadata

Jimin·2024년 4월 24일
0

Next.JS

목록 보기
10/15

main Metadata

export const metadata: Metadata = {
  title: {
    template: "%s | Next Movies",
    default: "Next Movies",
  },
  description: "The best movies on the best framework",
};

다른 Metadata 사용 예시들

export async function generateMetadata({params:{id}}: IParams) {
    // fetching 할 수 있게하는 함수, 동적인 제목을 갖고 있는 페이지를 위해 존재한다. -> Hoem의 page는 정적이지만, [id] page의 meta data는 동적으로 바뀌어야 한다.
    const movie = await getMovie(id); // 캐싱되기 때문에 gerMovie가 두 번 호출되는 것은 나쁜 것이 아니다.
    return {
        title: movie.title,
    };
}
export const metadata: Metadata = {
    title: "AboutUs",
};
profile
https://github.com/Dingadung

0개의 댓글