Met deze functie kun je pagina's opnieuw renderen waarvan de inhoud is gewijzigd op het “Admin-paneel”
Met deze functie kun je pagina's opnieuw renderen waarvan de inhoud is gewijzigd op het “Admin-paneel”.
Standaard worden pagina's als statische versies weergegeven.
We passen ons layout.tsx-bestand aan.
import { Refresher } from 'cms-renderer/lib/refresher';
import { revalidatePath } from 'next/cache';
// functie die wordt uitgevoerd bij hervalidatie
async function revalidate() {
'use server';
revalidatePath('/', 'layout'); // cache voor deze pagina's opnieuw berekenen
}
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 // juiste inloggegevens invoeren
websiteId={"..."}
cmsUrl={"..."}
apiKey={"..."}
/>
{children}
</body>
</html>
);
}
Nadat je je rootlayout hebt gewijzigd, kun je velden in je database bewerken en zie je de updates na het verversen van de pagina.