Developer Demos
CMS Demos
33 interactive demos showing how Optimizely CMS, Feature Experimentation, and Graph work together in a real Next.js application.
CMS
18 demos
Modelling
SDK Reference
contentType options, SDK API surface, query debugging
Content Modelling
Content types and properties
Contracts, Mappings & Bindings
Shared contracts, mappings, and bindings
Categories & Taxonomy
Hierarchical terms, cross-type filtering, and facets
Content Lifecycle
Editorial states and scheduled publishing
Global Settings
Singleton items for site-wide config
Authoring
Visual Builder
Blocks, compositions, and display templates
Display Templates
Every template variant and setting rendered side by side
Rich Text
JSON vs HTML rendering and embedded blocks
Media & DAM Assets
DAM assets, renditions, and next/image
Forms
Form blocks and submissions
Draft Mode & Preview
In-context editing and draft content
CMS UI Extensions
Sidebar, view and property-editor panels on OCP
Integrations
6 demos
Personalization
Four paths compared: which product to reach for
Feature Experimentation
Edge decisions, the variation URL segment, FX audiences
Web Experimentation
Client-side decisions driving CMS variations
ODP
Profiles, segments, and personalizing Graph directly
Event Tracking
Global tracking layer and conversion events
External Content
Third-party data via Content Source API
Graph & Queries
4 demos
Architecture
3 demos
AI
2 demos