The frontend, which is developed and maintained independently, fetches. Community. the content repository). This getting started guide assumes knowledge of both AEM and headless technologies. The data flow is as follows: The URL is added in the browser. In the drop-down menu, Dictionaries are represented by their path in the respository. For further details about the dynamic model to component mapping and. Understand headless translation in AEM; Get started with AEM headless translation Adobe Experience Manager (AEM), can selectively access your Content Fragments using the AEM GraphQL API, to return only the content that is needed. Documentation. I will try to summarize the details around the same. So in this regard, AEM already was a Headless CMS. A pipeline can be triggered by an event, such as a pull request from a source code repository (that is, a code change), or on a regular schedule to match a release cadence. The Content Fragments console is dedicated to managing, searching for, and creating Content Fragments. AEM Headless CMS Documentation. Before going into more details about this, a few words about GraphQL GraphQL is primarily designed to expose the content fragment data to downstream applications. Create a client that calls the JobManager. First select which model you wish to use to create your content fragment and tap or click Next. In the sites console, select the page to configure and select View Properties. This is your 24 hour, developer access token to the AEM as a Cloud Service environment. Learn how to use features like Content Models, Content Fragments, and a GraphQL API to power headless content delivery. Content fragment via asset API (demo) Content fragment via graphql (demo) Some real-time use cases around using content fragments and their approaches. Headful and Headless in AEM. We're trying to integrate AEM with a CMS too. The platform is also extensible, so you can add new APIs in the future to deliver content in a different. Start here for a guided journey through the powerful and flexible headless features of AEM, their capabilities, and how to use them on your project. Hear from experts for an exclusive sneak peek. AEM Headless APIs allow accessing AEM. 2. Innovation Details; Headless Adaptive Forms: Create and manage Headless Adaptive Forms within the Adobe Experience Manager platform. Developer. In a headless setup, the presentation system (the head) is decoupled from the content management (the tail). In this part of the AEM Headless Developer Journey, learn about AEM Headless prerequisites. Allowing for bulk delivery of exactly what is needed for rendering as the response to a single API query. JcrResourceResolverFactoryImpl) the property Mapping Location ( resource. Once headless content has been. Tap or click on the folder for your project. Francisco Chicharro Sanz, Software Engineer, Adobe & Tobias Reiss, Engineering Manager, Adobe. 3 and has improved since then, it mainly consists of the following components: 1. Quick links. Topics: Content Fragments. In the previous document of the AEM headless journey, Learn About CMS Headless Development you learned the basic theory of what a headless CMS is and you should. Why would you need a headless CMS? IT is looking to address Agility and Flexibil. The most common deployment pattern with AEM headless applications is to have the production version of the application connect to an AEM Publish service. Consider which countries share languages. Translating Headless Content in AEM. The America’s AEM Expert Solution Consulting Team is growing. Deliver Offers on web and mobile via Target as a delivery platform integrated via Web/Mobile SDK with website and app. json (or . In this part of the AEM Headless Developer Journey, learn about what is required to get your own project started with AEM Headless. json where. This document provides an overview of the different models and describes the levels of SPA integration. Last update: 2023-08-31. AEM Forms Headless Adaptive Forms provide a fast and efficient way to create forms for various platforms including Headless or Headful CMS, React applications, Single Page Applications (SPA), Web Apps, Mobile apps, Amazon Alexa, Google Assistant, WhatsApp, and more. In JSON output for RTE field contains unicode characters for special symbols like <, >, space and etc. This React application demonstrates how to query content using AEM’s GraphQL APIs using persisted queries. AEM Headless CMS Documentation. Select Create. A headless CMS is therefore responsible for the (backend) content management services, together with the mechanisms allowing the (frontend) applications to access that content. Description. 1. One of the major goals for AEM as a Cloud Service is to allow experienced customers (having used AEM either on-premise or in the context of the Adobe Managed Services) to migrate to AEM as a Cloud Service as. In the second step, you map your UI components or use a public UI components library, such as Google Material UI or Chakra UI to style your forms. AEM Headless - makes. The Create new GraphQL Endpoint dialog box opens. Developer. Objective. Using a REST API introduce challenges: AEM Headless CMS Developer Journey. Properties Map: A Map<String, Object> object that contains any number of properties, such as the input payload paths. That’s it! You now have a basic understanding of headless content management in AEM. . 3 latest capabilities that enable channel agnostic experience management use-cases, and more. AEM provides a Translation Integration Framework for headless content, allowing Content Fragments and supporting assets to be easily translated for use across locales. ; The data types Content Reference and Fragment Reference allow you to create relationships to other content within AEM. to gain points, level up, and earn exciting badges like the newOut-of-the-box technology. The site creation wizard starts. So in this regard, AEM already was a Headless CMS. sling. Connectors User GuideLast update: 2023-06-23. It extends Adobe Experience Manager as a. Adobe Experience Manager Assets is a DAM that gives you automation and tools to rapidly source, adapt, and deliver your assets across audiences and channels so you can spend less time searching for and adjusting content. March 25–28, 2024 — Las Vegas and online. html with . What is Adobe AEM, what are its benefits for Magento merchants, and how to implement Adobe AEM Magento integration, and whether is it possible to migrate from AEM to headless AEM — read more in our material. For example, define the field holding a teacher’s name as Text and their years of service as Number. Provide a Title and a Name for your configuration. This tutorial uses a simple native Android Mobile App to consume and display Event content exposed by AEM Content Services. Documentation. Introduction. Or in a more generic sense, decoupling the front end from the back end of your service stack. Introduction to Adobe Experience Manager headless CMS Content Fragments GraphQL capabilities. In this part of the AEM Headless Content Architect Journey, you can learn the (basic) concepts and terminology necessary to understand content modeling when using Adobe Experience Manager (AEM) as a Cloud Service as a Headless CMS. Once your page is created (either new or as part of a launch or live copy) you can edit the content to make the updates you require. All 3rd party applications can consume this data. With Headless Adaptive Forms, you can streamline the process of building. Learn how AEM can go beyond a pure headless use case, with. Tap Create to bring up the New Content Fragment dialog and enter the following values: Tap Create. This exceptional AEM GEMs session features two speakers who are operating AEM as customers. Start here for a guided journey through the powerful and flexible headless features of AEM, their capabilities, and how to leverage them on your project. Select the Extension Catalog option, and search for Target in the filter. Translating Headless Content in AEM. the website) off the “body” (the back end, i. 2. AEM 6. 3 latest capabilities that enable channel agnostic experience management use-cases, and more. The current implementation of the Assets HTTP API is based on the REST architectural style and enables you to access content (stored in AEM) via CRUD operations (Create, Read, Update, Delete). Above the Strings and Translations table, click Add. Click Install New Software. Browse the following tutorials based on the technology used. This document provides an overview of the different models and describes the levels of SPA integration. Since various solutions are used and there are several layers of monitoring, this page is organized into three sections:Introduction to AEM Forms as a Cloud Service. Explore tutorials by API, framework and example applications. e. This document. The tagged content node’s NodeType must include the cq:Taggable mixin. AEM Headless is a CMS solution from Experience Manager that allows structured content (Content Fragments) in AEM to be consumed by any app over HTTP using GraphQL. To maintain version history of assets in AEM, configure asset versioning in AEM. Know best practices to make your headless journey smooth,. Navigate to Tools, General, then select GraphQL. This shows that on any AEM page you can change the extension from . Using a REST API introduce challenges: AEM Headless is a CMS solution from Experience Manager that allows structured content (Content Fragments) in AEM to be consumed by any app over HTTP using GraphQL. AEM Forms Headless Adaptive Forms provide a fast and efficient way to create forms for various platforms including Headless or Headful CMS, React applications, Single Page Applications (SPA), Web Apps, Mobile apps, Amazon Alexa, Google Assistant, WhatsApp, and more. Understand Headless in AEM; Learn about CMS Headless Development;. Learn about the concepts and mechanics of authoring content for your Headless CMS using Content. This means your content can reach a wide range of devices, in a wide range of formats and with a. This guide contains videos and tutorials on the many features and capabilities of AEM. The two only interact through API calls. With GraphQL for Content Fragments available for Adobe Experience Manager 6. For the purposes of this getting started guide, you are creating only one model. Navigate to <aem install directory>/crx-quickstart/install folder. For the purposes of this getting started guide, we will only need to create one. 5 Granite materials apply to AEMaaCS) Coral UI. Repeat above step for person-by-name query. From the AEM Start screen, navigate to Tools > General > GraphQL. The Title should be descriptive. Or in a more generic sense, decoupling the front end from the back end of your service stack. With Adobe’s industry-proven governance. This user guide contains videos and tutorials helping you maximize your value from AEM. Authoring for AEM Headless - An Introduction. This tutorial builds upon the WKND GraphQL App , a React app that consumes AEM Content Fragment content over AEM’s GraphQL APIs, however does not provide any in. Headless-cms-in-aem Headless CMS in AEM 6. Export Content from CMS to Adobe Target using Offers API. “We use Adobe Experience Manager as a headless CMS because it provides maximum flexibility and future-proofs our content. Chapter 7 of the tutorial uses a native Android Mobile App to consume content from AEM Content Services. The best practice is a language-based structure with no more than 3 levels between the top-level authoring and country sites. Get to know how to organize your headless content and how AEM’s translation tools work. Be aware of AEM’s headless integration levels. Instead of continually planning for upgrades and monitoring site traffic. Connectors User GuideMy site is headless CMS (export AEM component dialog data as JSON), We use Jackson Exporter in Sling Models to export data as JSON. A primary use case for The Adobe Experience Manager as a Cloud Service (AEM) GraphQL API for Content Fragment Delivery is to accept remote queries from third-party applications or services. The React app should contain one instance of the <Page> component exported from @adobe/aem-react-editable-components. The Story So Far. Meet the headless CMS that powers connected experiences everywhere, faster. The Story So Far. Headless Developer Journey: Explore this guided journey through the powerful and flexible headless features of AEM to prepare for your first headless project. Content Services: Expose user defined content through an API in JSON format. Log into AEM as a Cloud Service and from the main menu select Navigation -> Content Fragments. HubSpot doesn’t have designed instruments for headless development. Read Full BlogLearn about Headless in Adobe Experience Manager (AEM) with a combination of detailed documentation and headless journeys. Headless implementations enable delivery of experiences across platforms and channels at scale. AEM as a Cloud Service lets you capitalize on the AEM applications in a cloud-native way, so that you can: Scale your DevOps efforts with Cloud Manager: CI/CD framework, autoscaling, API connectivity, flexible deployment modes, code quality gates, service delivery transparency, and guided updates. granite. Adobe Experience Manager (AEM) provides several APIs for developing applications and extending AEM. In the Location field, copy the installation URL. 2: Authoring Basics for Headless with AEM: Learn about the concepts and mechanics of authoring content for your Headless CMS. Adobe Experience Manager Forms as a Cloud Service offers a cloud-native, Platform as a Service (PaaS) solution for businesses to create, manage, publish, and update complex digital forms while integrating submitted data with back-end processes, business rules, and saving data in. Start here for a guided journey through the. This document helps you understand headless content. With GraphQL for Content Fragments available for AEM 6. AEM Forms Headless Adaptive Forms provide a fast and efficient way to create forms for various platforms including Headless or Headful CMS, React applications, Single Page Applications (SPA), Web Apps, Mobile apps, Amazon Alexa, Google Assistant, WhatsApp, and more. 1. 5 and Headless. It contains the following artifacts: The Quickstart jar - an executable jar file that can be used to set up both an author and a publish instance. Chapter 7 of the tutorial uses a native Android Mobile App to consume content from AEM Content Services. AEM as a Cloud Service lets you capitalize on the AEM applications in a cloud-native way, so that you can: Scale your DevOps efforts with Cloud Manager: CI/CD framework, autoscaling, API connectivity, flexible deployment modes, code quality gates, service delivery transparency, and guided updates. The AEM Headless SDK is set of libraries that can be used by clients to quickly and easily interact with AEM Headless APIs over HTTP. 10. An end-to-end tutorial illustrating how to build-out and expose content using AEM Headless. Content Fragment Models are generally stored in a folder structure. 5. Overview of Adobe Experience Platform integration with Eric Knee, Principal Enterprise Solution ArchitectThe new architecture supporting AEM as a Cloud Service involves some key changes to the overall developer experience. The power of AEM allows it to deliver content either headlessly, full-stack, or in both. Navigate directly to Adobe Experience Cloud and login using your Adobe ID. js) Remote SPAs with editable AEM content using AEM SPA Editor. Create a front-end pipeline to manage the customization of your site’s theme. json to be more correct). In this part of the AEM Headless Developer Journey, learn about what is required to get your own project started with AEM Headless. AEM Forms Headless Adaptive Forms provide a fast and efficient way to create forms for various platforms including Headless or Headful CMS, React applications, Single Page Applications (SPA), Web Apps, Mobile apps, Amazon Alexa, Google Assistant, WhatsApp, and more. AEM offers the flexibility to exploit the advantages of both models in one project. The current implementation of the Assets HTTP API is based on the REST architectural style and enables you to access content (stored in AEM) via CRUD operations (Create, Read, Update, Delete). The term “headless” comes from the concept of chopping the “head” (the front end, i. js (JavaScript) AEM Headless SDK for Java™. AEM Headless CMS Documentation. In this session, we will cover the following: Content services via exporter/servlets. AEM offers the flexibility to exploit the advantages of both models in one project. A headless CMS remains with an interface to add content and a RESTful API (JSON, XML) to deliver content wherever you need it. The Story So Far. The session will be split in two halves as follows: Part 1: AEM as a headless CMS Where/When/Why? Presenter: Vengadesh Shanmugavelu - Technical Architect, Qatar Airways. Sign In. Innovation Details; Headless Adaptive Forms: Create and manage Headless Adaptive Forms within the Adobe Experience Manager platform. Browse the following tutorials based on the technology used. Start here for a guided journey through the powerful and flexible headless features of AEM, their capabilities, and how to leverage them on your project. In the Comment box, type a translation hint for the translator if necessary. The Single-line text field is another data type of Content. Adobe’s visual style for cloud UIs, designed to provide consistency. This selection process is based on your Content Fragment Models. A headless CMS exposes content through well-defined HTTP APIs. Content fragment via asset API (demo) Content fragment via graphql (demo) Some real-time use cases around using content fragments and their approaches. Tap the Local token tab. The multi-line text field is a data type of Content Fragments that enables authors to create rich text content. See Wikipedia. In this part of the AEM Headless Developer Journey, learn about headless technology and why you would use it. In a typical development cycle, you start with creating and hosting Headless adaptive forms on Adobe Experience Manager Forms Server. It is a query language API. Now that you have completed this part of the AEM Headless Developer Journey, you should: Understand important planning considerations for designing your content. The Story So Far At the beginning, Learn About CMS Headless Development covered headless content delivery and why it should be used. Infrastructure and Service Monitoring in AEM as a Cloud Service. Adobe Experience Manager, the leading headless CMS* by Adobe Abstract Adobe Experience Manager is a headless CMS, who knew? Let's explore why organisations are evaluating headless content delivery and how AEM can help. Adobe Experience Manager (AEM) provides several APIs for developing applications and extending AEM. Last update: 2023-08-31. Applying Tags. In this part of the AEM Headless Content Architect Journey, you can learn the (basic) concepts and terminology necessary to understand content modeling when using Adobe Experience Manager (AEM) as a Cloud Service as a Headless CMS. Learn about headless development using Adobe Experience Manager (AEM) as a Headless CMS. The Wizard opens. What is a traditional CMS? This is likely the one you are familiar with. cfg. The AEM Headless Client for JavaScript is used to execute the GraphQL persisted queries that power the app. Watch overview At One Inside, our expertise relies on the implementation of the Adobe CMS, Adobe Experience Manager (AEM). Welcome to the documentation for developers who are new to Adobe Experience Manager headless CMS! Learn about the powerful and flexible headless features, their capabilities, and how to use them on your first headless development project. Tap or click Create. One of the major goals for AEM as a Cloud Service is to allow experienced customers (having used AEM either on-premise or in the context of the Adobe Managed Services) to migrate to AEM as a Cloud Service as. Navigate to Tools, General, then select GraphQL. 3 and has improved since then, it mainly consists of the following components: 1. All 3rd party applications can consume this data. API. Headless content management is a key development for today’s web design that decouples the frontend, client-side applications from the backend, content management system. In the previous document of the AEM headless journey, Learn About CMS Headless Development you learned the basic theory of what a headless CMS is and you should. In the String box of the Add String dialog box, type the English string. Adobe Experience Manager, the leading headless CMS by Adobe Abstract Why would you need a headless CMS? IT is looking to address Agility and Flexibility Organisations want to deliver app-like experiences in addition to regular content pages Javascript frameworks like React and Angular have matured. This user guide contains videos and tutorials on the many features and capabilities of AEM Sites. AEM as a Cloud Service GraphQL API used with Content Fragments is heavily based on the standard, open source GraphQL API. Experience League. When using AEM Headless Persisted Queries which access AEM over HTTP GET, a Referrer Filter. 5. Consider which countries share languages. ) that is curated by the. In addition to offering robust tools to create, manage, and deliver traditional webpages in the full-stack fashion, AEM also offers the ability to author self-contained selections of content and serve them headlessly. Headless CMS. Headless Developer Journey: Explore this guided journey through the powerful and flexible headless features of AEM to prepare for your first headless project. With Headless Adaptive Forms, you can streamline the process of building forms, making it easier to collect data from your users. - 330830. AEM publisher. Authoring Basics for Headless with AEM. If you need AEM support to get started with AEM 6. Experience Cloud Advocates. AEM Headless CMS Developer Journey. Understand how to build and customize experiences using AEM’s powerful features by exploring these development and deployment topics. This guide explains the concepts of authoring in AEM. NOTE. This document. HubSpot doesn’t have designed instruments for headless development. The value of Adobe Experience Manager headless. They allow you to prepare content ready for use in multiple locations/over…Creating Jobs for Offloading. 5 and Headless. Headless Developer Journey; Headless Content Architect Journey; Headless Content Author. For example, define the field holding a teacher’s name as Text and their years of service as Number. The journey may define additional personas with which the translation specialist must interact, but the point-of-view for. Remote Content RendererAdobe Experience Manager Tutorials. Adobe Experience Manager, the leading headless CMS* by Adobe Abstract Adobe Experience Manager is a headless CMS, who knew? Let's explore why organisations are evaluating headless content delivery and how AEM can help. Objective This document helps you understand headless content delivery and why it should be used. To tag content and use the AEM Tagging infrastructure : The tag must exist as a node of type cq:Tag under the taxonomy root node. Contentful is a pure headless CMS. Adobe Experience Manager (AEM) Components - The Basics. /etc/map. Rich text with AEM Headless. There is no official AEM Assets - Adobe Commerce integration available. . Documentation AEM Headless adaptive forms Introduction Last update: 2023-10-11 Topics: Adaptive Forms Created for: Beginner Intermediate Admin Developer. In addition to offering robust tools to create, manage, and deliver traditional webpages in the full-stack fashion, AEM also offers the ability to author self-contained selections of content and serve them headlessly. This solution consisted of AEM as a headless CMS at the center with SpringBoot based microservices providing complex business services. “Adobe Experience Manager is at the core of our digital experiences. impl. The user-friendly setup makes it easy for anyone to use, thanks to its: What you see is what you get (WYSIWYG) editor. 2. Start here for a guided journey through the powerful and flexible headless features of AEM, their capabilities, and how to leverage them on your project. Tap the ellipsis next to the environment in the Environments section, and select Developer Console. Tap the checkbox next to My Project Endpoint and tap Publish. 0+ version supports GraphQL API to expose the Content Fragment to enable the headless content experience. References to other content, such as images or other Content Fragments can be dynamically inserted in-line within the flow of the text. Granite UI. Contentful is a pure headless CMS. Example applications are a great way to explore the headless capabilities of Adobe Experience Manager (AEM). Detailed options and configuration. With Headless Adaptive Forms, you can streamline the process of building. Last update: 2023-06-23. Content is added using components (appropriate to the content type) that can be dragged onto the page. Introduction. . Content Services Tutorial An end-to-end tutorial illustrating how to build-out and expose content using AEM and consumed by a native mobile app, in a headless CMS scenario. With Headless Adaptive Forms, you can streamline the process of building. Headless CMS. Monitor Performance and Debug Issues. Generally you work with the content architect to define this. Select the Configure button. Headless is an example of decoupling your content from its presentation. Headless Developer Journey. Since the cloud service auto-scales within seconds, and new features are added continuously, this frees up significant IT resources. A “Hello World” Text component displays, as this was automatically added when generating the project from. Experience Manager fast tracks new apps and digital experience development using a scalable, cloud-native CMS using open, extensible APIs. Last update: 2023-03-03. GraphQL is used in two (separate) scenarios in Adobe Experience Manager (AEM): AEM Commerce consumes data from a Commerce platform via GraphQL. GraphQL is used in two (separate) scenarios in Adobe Experience Manager (AEM): AEM Commerce consumes data from a Commerce platform via GraphQL. Be familiar with how AEM supports headless and translation. A collection of documentation journeys describing how to use Adobe Experience Manager as a Headless CMS. Open the Program containing the AEM as a Cloud Service environment to integrate set up the Service Credentials for. These remote queries may require authenticated API access to secure headless content delivery. AEM as a Cloud Service and AEM 6. Tap Get Local Development Token button. Adobe Experience Manager (AEM) - Governance and staffing models & archetypes. The multi-line text field is a data type of Content Fragments that enables authors to create rich text content. AEM Headless CMS Developer Journey. Basically a Hybrid Architecture is a combination of the concepts of traditional and headless CMSs into a single architecture. jar file, perform the. In the previous document of the AEM headless translation journey, Learn about headless content and how to translate in AEM you learned the basic theory of what a headless CMS is and you should now: Understand the basic. On the Cloud Manager tile, select Launch. jar to the install folder. An introduction to the headless features of Adobe Experience Manager, and how to author content for your project. 2. Introduction to AEM Forms as a Cloud Service. In this part of the AEM Headless Developer Journey, learn how to use the REST API to access and update the content of your Content Fragments. AEM Headless Content Architect Journey Overview; Content Modeling for Headless with AEM - An Introduction; Learn the Content Modeling Basics for Headless with AEM; Learn about Creating Content Fragment Models in AEM; Headless Translation Journey. location). AEM Forms Headless Adaptive Forms provide a fast and efficient way to create forms for various platforms including Headless or Headful CMS, React applications, Single Page Applications (SPA), Web Apps, Mobile apps, Amazon Alexa, Google Assistant, WhatsApp, and more. In this part of the AEM Headless Content Architect Journey, you can learn the (basic) concepts and terminology necessary to understand content modeling for headless content delivery with Adobe Experience Manager (AEM). Answer: To expose data, we can use - SlingModelExporters with Components OR - GraphQL with content fragments . React app with AEM Headless View the source code on GitHub A full step by step tutorial describing how this React app. Documentation. Learn about key AEM 6. A primary use case for The Adobe Experience Manager as a Cloud Service (AEM) GraphQL API for Content Fragment Delivery is to accept remote queries from third-party applications or services. adobe. Learn. A React application is provided that demonstrates how to query content using the GraphQL APIs of AEM. The TagID is added to the content node’s cq:tags property and resolves to a node of type cq:Tag. It is the main tool that you must develop and test your headless application before going live. These are defined by information architects in the AEM Content Fragment Model editor. Provide a Model Title, Tags, and Description. Adobe Experience Manager (AEM) is a comprehensive content management solution for building websites, mobile apps, and forms. Moving to AEM as a Cloud Service: Understand the transition journey to Cloud Service. Headless Developer Journey; Headless Content Architect Journey;. Start here for a guided journey through the powerful and flexible headless features of AEM, their capabilities, and how to leverage them on your first development project. Persisted queries are queries that are stored on the Adobe Experience Manager (AEM) server. Content Fragment Models Basics and Advanced features such as different Data types and respective usages. Or as a workaround, you can store product assets (images) in AEM Assets but you must manually store the asset URLs in Adobe Commerce. Welcome to the documentation for developers who are new to Adobe Experience Manager headless CMS! Learn about the powerful and flexible headless features, their capabilities, and how to use them on your first headless development project. The journey lays out the requirements, steps, and approach of an AEM Headless project from the perspective of a Content Architect. There are many ways by which we can implement headless CMS via AEM. supports headless CMS scenarios where external client applications render experiences using content managed in AEM. in our case it will be AEM but there is no head, meaning we can decide the head on our own. At One Inside, our expertise relies on the implementation of the Adobe CMS, Adobe Experience Manager (AEM). General CMS familiarity. Tutorials by framework. Start here for a guided journey through the powerful and flexible headless features of AEM, their capabilities, and how to leverage them on your project. Headless CMS from Adobe supports developers and marketers to easily create and deliver channel-agnostic content to any end point. Select Create. Rich text with AEM Headless. AEM Forms Headless Adaptive Forms provide a fast and efficient way to create forms for various platforms including Headless or Headful CMS, React applications, Single Page Applications (SPA), Web Apps, Mobile apps, Amazon Alexa, Google Assistant, WhatsApp, and more. 5 The headless CMS extension for AEM was introduced with version 6. The models available depend on the Cloud Configuration you defined for the assets. Within a model: Data Types allow you to define the individual attributes.