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

Sse

この機能を使用すると、「管理パネル」でコンテンツが変更されたページを再レンダリングできます。

この機能を使用すると、「管理パネル」でコンテンツが変更されたページを再レンダリングできます。

既定では、ページは静的バージョンとして提供されます。

  1. レンダラーの最新バージョンを使用します。
  2. 関連するデータベースエンティティの変更を検出するために、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'); // これらのページのキャッシュを再計算します
}
Continue Reading
Previous‹コンポーネントの種類Next管理パネルプロキシの設定›

ハイブリッド

レンダラー・プロジェクトパラメトリックルーティングコンポーネントの種類Sse管理パネルプロキシの設定編集モード対応の静的レンダリングテンプレートビルダーでのスクリプティングCreate Profound Next

ヘッドレス

クイックスタートJsonとクロードコードComponent Zod Pull

Mcp

Mcp

CMS機能

Feat Docs Templateテンプレートビルダー機能Feat トランスレーターFeat 組織

やる気

私たちのアプローチ

専門用語

ハイブリッド対ヘッドレス
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={"..."}
onInvalidate={revalidate}
/>
{children}
</body>
</html>
);
}

ルートレイアウトを変更した後、データベースのフィールドを編集すると、ページを更新した際に変更が反映されることを確認できます。