main loading
공식 가이드 문서에 따르면 페이지의 동적 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 처리를 해두자
정리