React and Next.js integration with PersonalisedSection

For React and Next.js teams, the @spectare-personalisation/react package exports PersonalisedSection and ComponentRenderer. Drop PersonalisedSection onto any page with your orgSlug and it handles intent classification, assembly, and rendering automatically. For zero-flicker SSR, fetch the assembly server-side via /api/assemble/ssr and pass the result as the initialAssembly and initialIntent props.

The client re-qualifies independently and compares its own audience and stage against the server result. If they match, no DOM swap occurs. ComponentRenderer accepts a ComponentAssembly array and renders independently, useful for building custom layouts around personalised content. Components are styled using CSS custom properties (--sp-*) injected into :root at mount. Override them to match your design system. No shadow DOM, no iframes.