Setup server sent events (SSE) content refetch

Αυτή η λειτουργία σάς επιτρέπει να επανα-αποδίδετε σελίδες των οποίων το περιεχόμενο άλλαξε στον «Πίνακα Διαχείρισης».

Από προεπιλογή, οι σελίδες σερβίρονται ως στατικές εκδόσεις.

Χρησιμοποιώντας την πιο πρόσφατη έκδοση του renderer μας.
Αυτό χρησιμοποιεί 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‹Types of Components NextΡύθμιση διακομιστή μεσολάβησης πίνακα διαχείρισης›

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> ); }