Nextjs 공식 가이드 문서

공식 가이드 문서에 따르면 페이지의 동적 title 은 동기 처리되며 자동으로 캐싱처리된다

만약 fetch 같은 네트워크 통신이 아니라면 react의 cache 를 사용하도록 하자

export async function generateMetadata({
  params,
}: {
  params: { id: string };
}): Promise<Metadata> {
  const id = params.id;

  // api 통신 or db 쿼리 
  const post = await getPost(+id);

  return {
    title: post?.title,
  };
}

해당 page는 api 통신이 아니고 dal 을 이용하기 때문에 unstable_cache 처리를 해두자

정리

1. api 통신이라면 크게 걱정 할 필요 없이 캐싱처리된다, 즉 캐싱처리된 데이터를 page와 layout, metadata 등에서 사용하기때문에 직렬처리문제가 사라진다
2. api 통신이 아니며 dal 을 사용 할 경우 해당 함수는 unstable_cache 하자
3. api 와 dal 모두 아니라면 react 에서 제공하는 cache 처리를 하자 cache