This feature allows you re-render pages which had their content change on the “Admin Panel”
This feature allows you to re-render pages that had their content changed on the “Admin Panel”.
By default, pages are served as static versions.
We’ll modify our layout.tsx file.
import { Refresher } from 'cms-renderer/lib/refresher';
import { revalidatePath } from 'next/cache';
// function to run on revalidation
async function revalidate() {
'use server';
revalidatePath('/', 'layout'); // re compute cache for these pages
}
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 // enter correct credentials
websiteId={"..."}
cmsUrl={"..."}
apiKey={"..."}
/>
{children}
</body>
</html>
);
}
After changing your root layout, you can edit fields in your database and see updates reflected after refreshing the page.