🔄 Server-Side Rendering (SSR)

RuleCMS Widget Demo - SSR

Fetches widget JSON on each request via fetchRuleCMSWidget, then renders with mode="pre-fetched"

Next.js Rendering Methods

Choose a rendering method to see RuleCMS widgets in action:

Client-Side Rendering

Default Next.js client-side rendering

Pre-fetched SSR (Phase 1)

fetchRuleCMSWidget + live widget

SSR acceptance fixture

Deterministic Cloudinary img in HTML

Server-Side Rendering

Dynamic rendering on each request

Static Site Generation

Pre-rendered at build time

Incremental Static Regeneration

Static with periodic updates

getStaticProps + pre-fetched

React Server Component

RuleCMSWidgetServer — zero widget JS

Server-Side Rendering (SSR) Demo

Widget content is in the server HTML on first paint — not loaded via a client-side spinner.

Server-Side Data

Request ID:f8107k

Rendered at:2026-08-06T21:58:10.026Z

Method:Server-Side Rendering (SSR) with pre-fetched widget

RuleCMS Component

Built with ❤️ using RuleCMS and Next.js SSR