Single-page app editing
Edit and manage single-page applications (SPAS) built on open-source frameworks like React and Angular with the same drag-and-drop editor you use for websites.
Features
Headless Content Management System
Adobe Experience Manager Sites provides the most innovation-friendly content tools in the market, enabling you to use and re-use content across web, mobile and emerging channels — including those that have yet to be developed.
Manage content for every channel — all from one repository.
From web and mobile to in-store signs and IoT apps, customers expect your digital experiences to shine no matter where they’re delivered. But creating and updating content for so many different channels can slow down content delivery. Bring back the brilliance with headless content management from Adobe Experience Manager Sites.
Supporting both developers and marketers on a single unified platform, Experience Manager Sites helps you to manage content for all your channels. It all starts with Adobe Experience Manager Content Services Framework, a set of product capabilities, libraries and APIs that allow you to create and manage engaging experiences for every endpoint.
The framework takes you beyond server-side HTML rendering, with support for headless CMS capabilities, like HTTP APIs for content delivery below the page level to any channel and JavaScript framework-based content
presentation. With Experience Manager Sites, you have the flexibility to develop, manage and provide ongoing support for content and experiences across traditional, hybrid headless and pure headless content delivery.
See what makes it work.
Experience Fragments
Manage and re-use page elements or entire experiences across every channel by grouping content and layouts. Reference experience fragments within pages for consistent delivery without building multiple assets. Then, deliver those same experiences to any other channel for consistency everywhere. Experience Fragments can be delivered in HTML or JSON formats.
Content Fragments
Create and manage structured content using customisable content models. Re-use these page-independent content fragments with text and associated media across channels. They can be used in pages or experience fragments on websites and mobile apps or delivered as JSON format through AEM core components or directly via HTTP API to any end-point. As with the SPA editor and experience fragments, content is fully translatable and manageable across languages using translation management capabilities.
Core Components
Core components are customisable APIs for HTML or JSON export, allowing developers to choose default or customised format of JSON output, which is commonly not possible for JSON delivery over traditional HTTP APIs.
SPA Editor
Conduct interactive, WYSIWYG authoring of React- and Angular-based single-page applications (SPAS) in Adobe Experience Manager Sites using the JavaScript SDK. The SPA editor is supported by experience components, in-context experience editors and Experience Manager Sites admin capabilities. Deliver initial experiences faster with server-side rendering of JavaScript front-end code in Node.js.
Adobe Experience Manager HTTP API
Achieve pure headless delivery of content below the page level with JSON output of resources directly from the Adobe Experience Manager Sites content repository — including content fragments.
Learn more about headless content management in Adobe Experience Manager Sites.
Get started with headless CMS in Experience Manager.
Check out our comprehensive tutorial for Experience Manager headless and learn how to use Experience Manager to power mobile app experiences that display event information.
Speed content delivery to any channel.
Learn how the hybrid architecture of Adobe Experience Manager helps you quickly author, deliver and re-use content for multiple channels.
Manage SPAS faster with a hybrid CMS.
Learn how an SPA editor in a hybird content management system (CMS) increases content velocity and saves IT time.
Take a deeper dive.
Understanding headless experience management.
Learn how to use Adobe Experience Manager Core Components to manage and implement headless CMS capabilities in Experience Manager.
Get started with Content Services
Learn how to use content services to build, manage and deliver content to any channel via API endpoints.
Discover the Experience Manager Assets API.
Understand the HTTP APIs data model, including how to create, update and manage folders and assets.
Learn more about single-page applications in Experience Manager.
Find out how Adobe Experience Manager Sites makes it easy to build and manage single-page applications.
See related features
Experience fragments
Group content and layouts to create channel-agnostic, reusable fragments that can publish to any screen, ensuring consistent messaging and design without building multiple creative assets.
Content as a service
Let users programmatically access the Experience Manager Sites content repository and get content for delivery to many third-party applications, including mobile apps, IoT apps, smart devices and in-store screens.