Sse

Cette fonctionnalité vous permet de re-rendre les pages dont le contenu a changé sur le « Admin Panel »

Previous‹Types de composants

Powered By

Cette fonctionnalité vous permet de re-rendre les pages dont le contenu a été modifié sur le « Admin Panel ».

Par défaut, les pages sont servies sous forme de versions statiques.

En utilisant la dernière version de notre moteur de rendu.
Cela utilise les événements envoyés par le serveur (SSE) pour détecter les modifications des entités pertinentes de la base de données.

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 // entrer les identifiants corrects
          websiteId={"..."}
          cmsUrl={"..."}
          apiKey={"..."}
          onInvalidate={revalidate}
        />
        {children}
      </body>
    </html>
  );
}

Après avoir modifié votre layout racine, vous pouvez éditer des champs dans votre base de données et voir les mises à jour reflétées après l’actualisation de la page.