Setup server sent events (SSE) content refetch

Эта функция позволяет повторно рендерить страницы, на которых содержимое было изменено на «Панели администратора»

Эта функция позволяет повторно рендерить страницы, содержимое которых было изменено на «Панели администратора».

По умолчанию страницы обслуживаются как статические версии.

Используйте последнюю версию нашего рендерера.
Это использует события, отправляемые сервером (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>
  );
}

После изменения корневого макета вы можете редактировать поля в своей базе данных и видеть обновления после перезагрузки страницы.

Previous‹Types of Components 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> ); }