✅ SSR acceptance (fixture)

Pre-fetched Cloudinary image in HTML

Uses fixed widget JSON with a cloudinary-advanced-image component. Run npm run validate:prefetched-html after build.

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

curl check

curl -s http://localhost:3000/prefetched-acceptance | grep -o '<img[^>]*>'

Guest pouring acrylic paint over a canvas