Diese Funktion ermöglicht es Ihnen, Seiten erneut zu rendern, deren Inhalt im „Admin-Panel“ geändert wurde.
Diese Funktion ermöglicht es Ihnen, Seiten erneut zu rendern, deren Inhalt im „Admin-Panel“ geändert wurde.
Standardmäßig werden Seiten als statische Versionen ausgeliefert.
Wir werden unsere Datei layout.tsx ändern.
import { Refresher } from 'cms-renderer/lib/refresher';
import { revalidatePath } from 'next/cache';
// function to run on revalidation
async function revalidate() {
'use server';
revalidatePath('/', 'layout'); // re compute cache for these 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 // enter correct credentials
websiteId={"..."}
cmsUrl={"..."}
apiKey={"..."}
/>
{children}
</body>
</html>
);
}
Nachdem Sie Ihr Root-Layout geändert haben, können Sie Felder in Ihrer Datenbank bearbeiten und sehen die Aktualisierungen nach dem Aktualisieren der Seite.