Esta función te permite volver a renderizar las páginas cuyo contenido cambió en el “Panel de administración”
Esta función te permite volver a renderizar las páginas cuyo contenido cambió en el “Panel de administración”.
De forma predeterminada, las páginas se sirven como versiones estáticas.
Modificaremos nuestro archivo layout.tsx.
import { Refresher } from 'cms-renderer/lib/refresher';
import { revalidatePath } from 'next/cache';
// función que se ejecutará en la revalidación
async function revalidate() {
'use server';
revalidatePath('/', 'layout'); // volver a calcular la caché para estas 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 // introduce las credenciales correctas
websiteId={"..."}
cmsUrl={"..."}
apiKey={"..."}
/>
{children}
</body>
</html>
);
}
Después de cambiar tu diseño raíz, puedes editar los campos en tu base de datos y ver las actualizaciones reflejadas tras actualizar la página.