Developer Demos
CMS Demos
31 interactive demos showing how Optimizely CMS, Feature Experimentation, and Graph work together in a real Next.js application.
CMS
16 demos
Visual Builder
Blocks, compositions, and display templates
Display Templates
Every template variant and setting rendered side by side
Content Modelling
Content types and properties
Contracts, Mappings & Bindings
Shared contracts, mappings, and bindings
Draft Mode & Preview
In-context editing and draft content
Forms
Form blocks and submissions
Navigation
Recursive nav trees
Localization
Multi-language content and routing
SEO & Metadata
Metadata, sitemaps, and JSON-LD
URL Redirects
CMS-managed redirect rules and middleware
Management API
Content creation, seeding, and migrations
Rich Text
JSON vs HTML rendering and embedded blocks
Media & DAM Assets
DAM assets, renditions, and next/image
Content Reuse
Referenced vs embedded content
Global Settings
Singleton items for site-wide config
Content Lifecycle
Editorial states and scheduled publishing
Integrations
6 demos
Feature Experimentation
A/B tests, flags, and bucketing
Personalization
Audiences, personas, and variation filter
Event Tracking
Global tracking layer and conversion events
Data Platform (ODP)
Visitor profiles, segments, and event tracking
External Content
Third-party data via Content Source API
Webhooks
Graph webhooks and on-demand revalidation
Graph & Queries
5 demos
Caching
ISR, revalidation tags, and webhooks
Graph Queries
Querying patterns and @recursive
Search
Full-text search with Graph filtering
Facets & Autocomplete
Facet drill-down filtering and type-ahead suggestions
Content Listing
Paginated lists with cursor pagination
Architecture
2 demos
AI
2 demos