この機能は、「管理パネル」で内容が変更されたページを再レンダリングできるようにします。
この機能は、「管理パネル」で内容が変更されたページを再レンダリングできるようにします。
デフォルトでは、ページは静的なバージョンとして提供されます。
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>
);
}
ルートレイアウトを変更した後、データベース内のフィールドを編集し、ページを更新すると変更が反映されます。