All Systems Operational
Powered By
profound-logo
profound-logoProfound CMS
⌘K
Admin

Sse

This feature allows you to re-render pages whose content changed on the “Admin Panel”.

This feature enables you to re-render pages whose content changed on the “Admin Panel”.

By default, pages are served as static versions.

  1. Using the latest version of our renderer.
  2. This uses Server-Sent Events (SSE) to detect changes to the relevant database entities.

We’ll modify our layout.tsx file.

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

// Function to run on revalidation
async function revalidate() {
  'use server';
  revalidatePath('/', 'layout'
Continue Reading
Previous‹Components TypesNextSetup Admin Panel Proxy›

Hybrid

Setup Hybrid CMS ProjectParametric Pages with ComponentsTypes of ComponentsSetup server sent events (SSE) content refetchSetup admin panel proxyStatic Rendering with Edit Mode SupportScripting in Template BuilderGetting Started Hybrid

Headless

Quick startSplit Screen JSON Component Builder with LLMComponent Zod Pull

MCP

MCP with Claude Code / Codex

Feature

Documentation Site TemplateFeature Template BuilderTranslation ServiceOrganizations & Website Heirarchy

Motivation

Our Approch

Terminology

'Hybrid' vs 'Headless'
);
// recompute the 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={"..."}
onInvalidate={revalidate}
/>
{children}
</body>
</html>
);
}

After changing your root layout, you can edit fields in your database and see updates reflected after refreshing the page.