Esse recurso permite que você re-renderize páginas cujo conteúdo foi alterado no “Painel de Administração”
Esse recurso permite que você re-renderize páginas cujo conteúdo foi alterado no “Painel de Administração”.
Por padrão, as páginas são servidas como versões estáticas.
Vamos modificar nosso arquivo layout.tsx.
import { Refresher } from 'cms-renderer/lib/refresher';
import { revalidatePath } from 'next/cache';
// função a ser executada na revalidação
async function revalidate() {
'use server';
revalidatePath('/', 'layout'); // recalcular o cache dessas páginas
}
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 // insira as credenciais corretas
websiteId={"..."}
cmsUrl={"..."}
apiKey={"..."}
/>
{children}
</body>
</html>
);
}
Após alterar seu layout raiz, você pode editar campos no seu banco de dados e ver as atualizações refletidas depois de atualizar a página.