Cette fonctionnalité vous permet de régénérer les pages dont le contenu a changé dans le « Admin Panel »
Cette fonctionnalité vous permet de régénérer les pages dont le contenu a été modifié dans le « Admin Panel ».
Par défaut, les pages sont servies sous forme de versions statiques.
Nous allons modifier notre fichier layout.tsx.
import { Refresher } from 'cms-renderer/lib/refresher';
import { revalidatePath } from 'next/cache';
// fonction à exécuter lors de la revalidation
async function revalidate() {
'use server';
revalidatePath('/', 'layout'); // recalculer le cache pour ces 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 // saisir les identifiants corrects
websiteId={"..."}
cmsUrl={"..."}
apiKey={"..."}
/>
{children}
</body>
</html>
);
}
Après avoir modifié votre layout racine, vous pouvez modifier des champs dans votre base de données et voir les mises à jour se refléter après avoir actualisé la page.