Questa funzionalità ti consente di eseguire nuovamente il rendering delle pagine il cui contenuto è stato modificato nel “Pannello di amministrazione”
Questa funzionalità ti consente di eseguire nuovamente il rendering delle pagine il cui contenuto è stato modificato nel “Pannello di amministrazione”.
Per impostazione predefinita, le pagine vengono fornite come versioni statiche.
Modificheremo il nostro file layout.tsx.
import { Refresher } from 'cms-renderer/lib/refresher';
import { revalidatePath } from 'next/cache';
// funzione da eseguire durante la rivalidazione
async function revalidate() {
'use server';
revalidatePath('/', 'layout'); // ricalcola la cache per queste pagine
}
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 // inserisci le credenziali corrette
websiteId={"..."}
cmsUrl={"..."}
apiKey={"..."}
/>
{children}
</body>
</html>
);
}
Dopo aver modificato il layout principale, puoi modificare i campi nel database e vedere gli aggiornamenti dopo aver ricaricato la pagina.