Setup server sent events (SSE) content refetch

Тази функционалност ви позволява да пререндирате страници, чието съдържание е променено в „Административния панел“

Тази функционалност ви позволява да пререндирате страници, чието съдържание е променено в „Административния панел“.

По подразбиране страниците се обслужват като статични версии.

Използвайки най-новата версия на нашия рендерър.
Това използва Server-sent events (SSE), за да открива промени в съответните обекти от базата данни.

Ще променим нашия файл layout.tsx.

import { Refresher } from 'cms-renderer/lib/refresher';
import { revalidatePath } from 'next/cache';

// функция, която да се изпълни при ревалидация
async function revalidate() {
  'use server';
  revalidatePath('/', 'layout'); // преизчисли кеша за тези страници
}

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 // въведете правилните идентификационни данни
          websiteId={"..."}
          cmsUrl={"..."}
          apiKey={"..."}
          
        />
        {children}
      </body>
    </html>
  );
}

След като промените основния си root layout, можете да редактирате полета в базата данни и да видите промените след опресняване на страницата.

Previous‹Типове компоненти NextInstall Profound CMS as a proxy›

import { Refresher } from 'cms-renderer/lib/refresher'; import { revalidatePath } from 'next/cache'; // функция, която да се изпълни при ревалидация async function revalidate() { 'use server'; revalidatePath('/', 'layout'); // преизчисли кеша за тези страници } 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 // въведете правилните идентификационни данни websiteId={"..."} cmsUrl={"..."} apiKey={"..."} /> {children} </body> </html> ); }