이 기능은 “관리자 패널”에서 콘텐츠가 변경된 페이지를 다시 렌더링할 수 있도록 해 줍니다.
이 기능은 “관리자 패널”에서 콘텐츠가 변경된 페이지를 다시 렌더링할 수 있도록 해 줍니다.
기본적으로 페이지는 정적 버전으로 제공됩니다.
이제 layout.tsx 파일을 수정하겠습니다.
import { Refresher } from 'cms-renderer/lib/refresher';
import { revalidatePath } from 'next/cache';
// 재검증 시 실행할 함수
async function revalidate() {
'use server';
revalidatePath('/', 'layout'); // 해당 페이지의 캐시를 다시 계산
}
export default function RootLayout({
children,
}: Readonly<{
children: React.ReactNode;
}>) {
return (
<html lang="en">
<body className="min-h-screen bg-bg-base text-text-primary antialiased">
<Refresher // 올바른 자격 증명을 입력하세요
websiteId={"..."}
cmsUrl={"..."}
apiKey={"..."}
/>
{children}
</body>
</html>
);
}
루트 레이아웃을 변경한 뒤에는 데이터베이스의 필드를 수정하고 페이지를 새로 고치면 업데이트가 반영된 것을 확인할 수 있습니다.