The Optimizely React Component Generator streamlines headless development by automating the creation of React components from Optimizely CMS models. It strictly adheres to the @optimizely/cms-sdk best practices, implementing essential features like On-Page Editing (OPE) via preview attributes, RichText rendering, and optimized image handling. This skill bridges the gap between content modeling and UI implementation, ensuring that generated components are type-safe, semantically correct, and fully integrated with the Optimizely registration system.
主な機能
01Automatic component registration in React and Content Type registries
02Automated boilerplate generation for pages, components, and experience types
03Support for Optimizely Composition and Visual Builder rendering patterns
04Seamless integration of preview attributes for in-context CMS editing
0518 GitHub stars
06Smart handling of complex property types like RichText, damAssets, and InferredUrls
ユースケース
01Building Experience types that require visual builder composition nodes
02Implementing complex 'Hero' or 'Article' components with full SDK support
03Generating a React display template for a new CMS block or page type