In the Renditions panel, view the list of renditions generated for the asset. Headless. Adobe Experience Manager supports a headless approach, freeing it from being bound to its historical Java-based web development. This Next. The power of AEM allows it to deliver content either headlessly, full-stack, or in both. Or in a more generic sense, decoupling the front end from the back end of your service stack. This provides the user with highly dynamic and rich experiences. To accelerate the tutorial a starter React JS app is provided. Learn how Experience Manager as a Cloud Service works and what the software can do for you. Tap/click the asset to open its asset page. In this part of the AEM Headless Developer Journey, learn about headless technology and why you would use it. The code is not portable or reusable if it contains static references or routing. Creating a. In this post, Adobe Experience Cloud introduces its Adobe Experience Manager Headless Extension for PWA Studio that enables developers to leverage headless. The Story So Far. In terms of authoring Content Fragments in AEM this means that: For the purposes of this getting started guide, you are creating only one model. com A collection of documentation journeys describing how to use Adobe Experience Manager as a Headless CMS. How to Create Single Page Applications (SPAs) with AEM. Example applications are a great way to explore the headless capabilities of Adobe Experience Manager (AEM). 1. Overview. The below video demonstrates some of the in-context editing features with. Example applications are a great way to explore the headless capabilities of Adobe Experience Manager (AEM). 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. Create Content Fragments based on the. Select Create at the top-right of the screen and from the drop-down menu select Site from template. With a headless implementation, there are several areas of security and permissions that should be addressed. Last update: 2023-11-17. Wrap the React app with an initialized ModelManager, and render the React app. 3. Custom registration code can be written that takes, minimally, the end user’s username and password, and creates a user record in AEM which can then be used to authenticate against during login. Adobe Experience Manager as a Headless CMS - Where/When/Why?In this session, you'll learn how to implement headless CMS via Adobe Experience Manager in many ways. The Standard Tags tab is the default namespace, which means there is no. In the future, AEM is planning to invest in the AEM GraphQL API. Navigate to Tools, General, then select GraphQL. AEM Headless Content Author Journey - Overview; Authoring for Headless with AEM - An Introduction; Authoring Basics for Headless with AEM; Learn about using references in Content Fragments; Learn about defining Metadata and Tagging for Content Fragments; Implementing. Authorization. Your CMS is truly headless only if the content is completely separated from the context it is displayed in, that is, you should be able to change the destination of where the content goes, and have your front end determine where and how to layout the content. An introduction to using the features of Adobe Experience Manager as a Cloud Service as a Headless CMS to author content for your project. This is the same framework used to translate other AEM content, such as Pages, Experience Fragments, Assets, and Forms. Headless is an example of decoupling your content from its presentation. js file under /utils that is reading elements from the . Get to know how to organize your headless content and how AEM’s translation tools work. In this optional continuation of the AEM Headless Developer Journey, you learn how Adobe Experience Manager (AEM) can combine headless delivery with traditional full-stack CMS features and how you can create editable SPAs using AEM’s SPA Editor framework, and integrate external SPAs, enabling editing capabilities as required. You switched accounts on another tab or window. 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. AEM: Headless vs. In this tutorial, you learn how to integrate the requests for persisted queries into the sample WKND GraphQL React app using the AEM Headless Client for JavaScript. A “Hello World” Text component displays, as this was automatically added when generating the project from the AEM Project archetype. Becker (@ MarkBecker), Markus Haack (@ mhaack), and Jody Arthur This is the first part of a series of the new headless architecture for Adobe Experience Manager. Learn how multiple views in the SPA are supported using AEM Pages and the SPA Editor SDK. An end-to-end tutorial illustrating how to build-out and expose content using AEM’s GraphQL APIs and consumed by an external app, in a headless CMS scenario. Build from existing content model templates or create your own. They can also reuse content across sites, easily manage metadata and tagging, and accelerate translation to quickly build better digital journeys for your customers. In this session we will cover Adobe Experience Manager fluid experiences and its application in managing content and experiences for either headful or headless CMS scenarios. AEM Headless supports a offset/limit and cursor-based pagination queries to smaller subsets of a larger result set. Permission considerations for headless content. A headless CMS is a content management system (CMS) that lets you take content from the CMS and deliver it to any front end using any framework of choice. To accelerate the tutorial a starter React JS app is provided. The auto-generated AEM page must have its type changed to Remote SPA page , rather than a SPA page . Each environment contains different personas and with. This document. SPA Editor learnings. Implement and use your CMS effectively with the following AEM docs. Headful and Headless in AEM; Headless Experience Management. Be aware of AEM’s headless integration levels. Navigate to the folder you created previously. It separates content from the presentation layer (the head), creating blocks of content that can be delivered in a channel-neutral format to power any channel or experience. The journey will define additional personas with which the content architect must interact for a successful project, but the point-of-view for the journey is that of the content architect. Adobe Experience Manager supports a headless approach, freeing it from being bound to its historical Java-based web development. AEM Headless APIs allow accessing AEM. They can continue using AEM's robust authoring environment with familiar tools, workflows. Learn about the concepts and mechanics of authoring content for your Headless CMS using Content Fragments. On the toolbar, click Download. Headless implementations enable delivery of experiences across platforms and channels at scale. Last update: 2023-08-16. AEM Headless APIs allow accessing AEM. 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. The tagged content node’s NodeType must include the cq:Taggable mixin. The ImageRef type has four URL options for content references: _path is the referenced path in AEM. Experience Manager Sites is the only CMS that enables every marketer to create and edit webpages quickly. Translating Headless Content in AEM. When combined with React, a headless CMS can offer several. 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. The following AEM documentation includes everything from essential guides for those new to the content management system (CMS) to videos, tutorials, and further learning resources to get the most out of AEM 6. © 2022 Adobe. 1. Learn how to create and publish a headless form using Adobe Experience Manager's adaptive forms in this step-by-step guide. Session description: There are many ways by which we can. The DAM Users is an out of the box group in AEM that can be used for “everyday” users that manage digital. In Headless CMS the body remains constant i. Quick insight. “Adobe Experience Manager is at the core of our digital experiences. Learn about headless technologies, what they bring to the user experience, how AEM supports headless models, and how to implement your own headless development project from A to Z. Session description: There are many ways by which we can implement headless CMS via AEM. Tutorial - Getting Started with AEM Headless and GraphQL. In the last step, you fetch and. An introduction to the headless features of Adobe Experience Manager, and how to author content for your project. AEM is used as a headless CMS without using the SPA Editor SDK framework. Clone and run the sample client application. GraphiQL is included in all environments of AEM (but will only be accessible/visible when you configure your endpoints). storyblok. Created for: Beginner. Contributions are welcome! Read the Contributing Guide for more information. This guide provides important information about the latest release of Experience Manager as a Cloud Service, including what’s new deprecated and removed features, and known issues. Log into AEM and from the main menu select Tools -> Assets -> Content Fragment Models. Configure the Translation Connector. Partially Headless Setup - Detailed Architecture. 0 to 6. DAM Users “DAM”, in this context, stands for Digital Asset Management. Organize and structure content for your site or app. 2: Authoring Basics for Headless with AEM: Learn about the concepts and mechanics of authoring content for your Headless CMS. Reload to refresh your session. 1 Answer. 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. Understand how to build and customize experiences using AEM’s powerful features. The power of AEM allows it to deliver content either headlessly, full-stack, or in both. An end-to-end tutorial illustrating how to build-out and expose content using AEM Headless. An introduction to the headless features of Adobe Experience Manager, and how to author content for your project. You should now: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. A CMS is the foundational software for digital identity, strategy, and engagement. The GraphiQL tool also enables users to persist or save queries to be used by client applications in a production setting. Reload to refresh your session. We’ll cover retrieving Content Fragment data from AEM’s GraphQL APIs and displaying it in the React app. Adobe Experience Manager helps you create next-generation digital experiences for your users and it keeps getting better with new features and developer capabilities to meet your needs. Permission considerations for headless content. This approach enables the CMS to live up to the promise of managing content in place and publishing anywhere. When. Translating Headless Content in AEM. Digital asset management. 4. Learn how AEM can go beyond a pure headless use case, with options for in-context authoring and experience management. Considering the importance of SPA, now the focus is more on SPA with CMS — Consume the content from CMS systems to enable the SPA experience to end-users. In the file browser, locate the template you want to use and select Upload. Headless and AEM; Headless Journeys. Experience Manager Sites is the only CMS that lets any marketer create and edit webpages using familiar tools such as Microsoft Word or Google Docs. These are defined by information architects in the AEM Content Fragment Model editor. Know the prerequisites for using AEM’s headless features. Learn how to create a SPA using the React JS framework with AEM's SPA Editor. The JSON content is then consumed by the single-page app, which has been integrated with the AEM JS SDK. Due to this approach, a headless CMS does not. Headless implementation forgoes page and component. 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. SPA Editor Single Page App in React or Angular. If auth param is an array, expected data is ['user', 'pass'] pair, and Basic Authorization will be used. A Headless Content Management System (CMS) is a back-end only content management system, designed and built explicitly as a content repository that makes content accessible via an API, for display on any device. This tutorial explores how AEM’s GraphQL APIs and headless capabilities can be used to power the experiences surfaced in an external app. The platform is also extensible, so you can add new APIs in the future to deliver content in a different. Know the prerequisites for using AEM’s headless features. 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. Reload to refresh your session. 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. Getting Started with AEM Headless - GraphQL by Adobe Docs Abstract AEM’s GraphQL APIs for Content Fragments supports headless CMS scenarios where external client applications render experiences using content managed in AEM. To determine the correct approach for managing build dependent configurations, reference the AEM Headless app’s framework (for example, React, iOS, Android™, and so on) documentation, as the approach varies by framework. The journey lays out the requirements, steps, and approach of an AEM Headless project from the perspective of a Content Architect. AEM Headless APIs allow accessing AEM content from any. You also learn how you can create editable SPAs using AEM's SPA Editor framework, and integrate external SPAs, enabling editing capabilities as required. Explore tutorials by API, framework and example applications. Clone and run the sample client application. The Story So Far. An introduction to using the features of Adobe Experience Manager as a Cloud Service as a Headless CMS to author content for your project. Headless Developer Journey. 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. CMS Headles | Headless CMS with AEM: A Complete Guide by One-inside Abstract You might have already heard about Headless CMS and you may be wondering if you should. Discover the benefits of going headless and streamline your form creation process today. Learn how Experience Manager as a Cloud Service works and what the software can do for you. The AEM Headless SDK is available for various platforms: AEM Headless SDK for client-side browsers (JavaScript) AEM Headless SDK for server-side/Node. While decoupled from the back end, a hybrid CMS includes a presentation layer similar to a traditional or coupled CMS at the same time using a headless architecture for delivery. Introduction. The configured AEM service’s host/domain is then used to construct the AEM GraphQL API URLs and Image URLs. The tagged content node’s NodeType must include the cq:Taggable mixin. To manage groups in AEM, navigate to Tools > Security > Groups. 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-context authoring. Content models. 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. The following configurations are examples. Because we use the API. An implementation of the standard GraphiQL IDE is available for use with the GraphQL API of Adobe Experience Manager (AEM) as a Cloud Service. This means your project can realize headless delivery of. The option Enable model is activated by default. 1. Example applications are a great way to explore the headless capabilities of Adobe Experience Manager (AEM). Learn about headless technologies, why they might be used in your project,. The following steps are typically used to construct this registration mechanism: Display a custom AEM component that collects registration info. In this part of the AEM Headless Developer Journey, learn about what is required to get your own project started with AEM Headless. Persisted queries are GraphQL queries that are created and stored on the Adobe Experience Manager (AEM) server. A Content author uses the AEM Author service to create, edit, and manage content. Below is a simple path for creating, managing, and delivering experiences using AEM as a Cloud Service in five steps for users who are already familiar with AEM and headless technology. 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. The frontend, which is developed and maintained independently, fetches content from the. Learn how to create a SPA using the React JS framework with AEM's SPA Editor. Universal Editor Introduction. This document. Persisted queries are queries that are stored on the Adobe Experience Manager (AEM) server. This session will cover the following - Content services via exporter/servlets Content fragment via asset API (demo) Content fragment via Graphql (demo) Some real-time use cases around using content fragments and their approaches SPA. Moving to AEM as a Cloud Service: Understand the transition journey to Cloud Service. Authorable components in AEM editor. GraphiQL is included in all environments of AEM (but will only be accessible/visible when you configure your endpoints). Looking at this at a high level, AEM at the bottom of the stack, will act as a headless CMS and expose content as JSON using AEM Content Services APIs. 10. A Headless Content Management System (CMS) is a back-end only content management system, designed and built explicitly as a content repository that makes content accessible via an API, for display on any device. Adobe Experience Manager (AEM) is a comprehensive content management solution for building websites, mobile apps, and forms. The following AEM documentation includes everything from essential guides for those new to the content management system (CMS) to videos, tutorials, and further learning resources to get the most out of AEM 6. Authoring Basics for Headless with AEM. Getting Started with AEM SPA Editor. Headless CMS. For the latter, however, it really is a toss-up. Developer. In terms of authoring Content Fragments in AEM this means that:Certain changes are required for AEM Maven projects to be cloud compatible. An AEM project is required to setup-supporting configuration and content requirements to allow AEM SPA Editor to author a Remote SPA. For publishing from AEM Sites using Edge Delivery Services, click here. . 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. See full list on experienceleague. Improved Content Governance: Headless CMS in AEM maintains content governance & control for authors. 0 versions enable the GraphQL runtime platform to expose the Content Fragments through GraphQL API. 5. You signed in with another tab or window. Last update: 2023-10-02. Implementing Applications for AEM as a Cloud Service; Using. Content Fragments used in AEM Headless content modeling, often reference image assets intended for display in the headless experience. 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 JSON content is then consumed by the single-page app, which has been integrated with the AEM JS SDK. A headless CMS remains with an interface to add content and a RESTful API (JSON, XML) to deliver content wherever you need it. In the previous document of the AEM headless translation journey, Translate Content, you learned how to use AEM Translation Projects to translate your headless content. Last update: 2023-08-31. Enable developers to add automation. 1. AEM Headless - makes it possible to scale content almost without losing the personality of your brand. This class provides methods to call AEM GraphQL APIs. 10. An end-to-end tutorial illustrating how to build-out and expose content using AEM Headless. Authoring Basics for Headless with AEM. 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. Cockpit is a free, open-source and self-hosted headless CMS that describes itself as a “content provider” and “not a website builder. The following AEM documentation includes everything from essential guides for those new to the content management system (CMS) to videos, tutorials, and further learning resources to get the most out of AEM 6. json where. The Story so Far. Dynamic navigation is implemented using Angular routes and added to an existing Header component. #HeadlessCMS in AEM brings several benefits for authors, empowering them with enhanced capabilities & improving their content creation and management. Learn about key AEM 6. For headless, your content can be authored as Content Fragments. A headless CMS i s a content management system (CMS) that lets you take content from the CMS and deliver it to any front end using any framework of choice. The following Documentation Journeys are available for headless topics. Using a REST API introduce challenges: AEM Headless CMS Developer Journey. An end-to-end tutorial. A headless CMS i s a content management system (CMS) that lets you take content from the CMS and deliver it to any front end using any framework of choice. This journey lays out the requirements, steps, and approach to translate headless content in AEM. endpoint is the full path to the endpoint created in the previous lesson. APIs can then be called to retrieve this content. In this session, we will cover the following: Content services via exporter/servlets. The headless CMS that powers connected experiences. By default, Experience Manager Assets does not display the original rendition of the asset in the preview mode. Adobe Experience Manager (AEM) is the leading experience management platform. This involves structuring, and creating, your content for headless content delivery. The AEM Headless SDK is available for various platforms: AEM Headless SDK for client-side browsers (JavaScript) AEM Headless SDK for server-side/Node. This guide contains videos and tutorials on the many features and capabilities of AEM. In the future, AEM is planning to invest in the AEM GraphQL API. Persisted queries are queries that are stored on the Adobe Experience Manager (AEM) server. Content Services: Expose user defined content through an API in JSON format. Understand how to build and customize experiences using AEM’s powerful features. With Headless Adaptive Forms, you can streamline the process of. An end-to-end tutorial illustrating how to build-out and expose content using AEM Headless. Understand Headless in AEM; Learn about CMS Headless Development; Getting Started with AEM Headless as a Cloud Service. Welcome to the multi-part tutorial for developers looking to augment an existing React-based (or Next. With Adobe Experience Manager content and commerce, brands can scale and innovate faster to differentiate commerce experiences and capture accelerating online spend. Faster, more engaging websites. In the previous document of the AEM headless journey, Getting Started with AEM Headless as a Cloud Service you learned the basic theory of what a headless CMS is and you should now: Understand the basics of AEM’s headless features. The exact steps of your transition to Cloud Service depend on the systems you have purchased and the software development life-cycle practices you follow. The front-end developer has full control over the app. Explore tutorials by API, framework and example applications. If your CMS controls or entirely owns this, it is no longer headless. Learn about headless technologies, why they might be used in your project,. The Story So Far. Tap/click the GlobalNav icon, and select Renditions from the list. The following are examples of possible approaches for constructing URLs for AEM GraphQL API and image requests, for several popular headless frameworks and platforms. Tap the Local token tab. Select the Configure button. With headless API-based delivery, merchants can quickly create, evaluate, and deploy shoppable experiences. The. A modern content delivery API is key for efficiency and performance of Javascript-based frontend applications. js application demonstrates how to query content using AEM’s GraphQL APIs using persisted queries. It separates content from the presentation layer (the head), creating blocks of content that can be delivered in a channel-neutral format to power any channel or experience. Select the Extension Catalog option, and search for Target in the filter. 4. Create Content Fragments based on the. Headless CMS {#headless-cms} . Explore tutorials by API, framework and example applications. This guide contains videos and tutorials on the many features and capabilities of AEM. Headless Developer Journey: Explore this guided journey through the powerful and flexible headless features of AEM to prepare for your first headless project. Once headless content has been translated,. Start here for an overview of the guided journeys available to understand AEM’s powerful headless features. 5. An end-to-end tutorial illustrating how to build-out and expose content using AEM’s GraphQL APIs and consumed by an external app, in a headless CMS scenario. Adobe Experience Manager as a Headless CMS - Where/When/Why?In this session, you'll learn how to implement headless CMS via Adobe Experience Manager in many ways. Learn how to publish your translated content and update the translations as the content updates. Moving to AEM as a Cloud Service: Understand the transition journey to Cloud Service. html with . With a headless implementation, there are several areas of security and permissions that should be addressed. 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. To allow developers to easily fuel content into multiple touchpoints, we are introducing GraphQL APIs for headless content delivery. The configuration file must be named like: com. We’ll cover retrieving Content Fragment data from AEM’s GraphQL APIs and displaying it in the React app. The <Page> component has logic to dynamically create React components based on the. 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 Developer Journey, learn about headless technology and why you would use it. Content authors cannot use AEM's content authoring experience. User. Learn about fluid experiences and its application in managing content and experiences for either headful or. § Omni Channel Content Management & Headless Delivery: - Headless push from many emerging CMS vendors like Contentful, ContentStack etc… forced Adobe to enhance its CMS architecture to be more. AEM as a Cloud Service GraphQL API used with Content Fragments is heavily based on the standard, open source GraphQL API. You also learn how you can create editable SPAs using AEM’s SPA Editor framework, and integrate external SPAs, enabling editing capabilities as required. js (JavaScript) AEM Headless SDK for Java™. It separates content from the presentation layer (the head), creating blocks of content that can be delivered in a channel-neutral format to power any channel or experience. js and click on the Install option. For example, Adobe Experience Manager’s (AEM) interface handles lots of content, but its data-heavy back-end can make pages slow to load for. AEM’s GraphQL queries can be written to provide URLs to images based on where the image is referenced from. Adobe Experience Manager headless CMS is the most flexible content management system that helps teams quickly build and deliver customer experiences across all channels and devices. This guide describes how to create, manage, publish, and update digital forms. A headless CMS which allows content authors to enter content easily, find existing content and reuse content is something that should come out of the box. Design, create, and publish content. ) that is curated by the WKND team. Browse the following tutorials based on the technology used. NOTE. This tutorial explores how AEM’s GraphQL APIs and headless capabilities can be used to power the experiences surfaced in an external app. Select the Extension Catalog option, and search for Target in the filter. It gives developers some freedom (powered by a. API Reference. Understand Headless in AEM; Learn about CMS Headless Development; Getting Started with AEM Headless as a Cloud Service; Path to your first experience using AEM Headless; How. Learn about the concepts and mechanics of modeling content for your Headless CMS using Content Fragments Models. The two only interact through API calls. Experience League. ) that is curated by the. Allowing for bulk delivery of exactly what is needed for rendering as the response to a single API query. cors. It separates content from the presentation layer (the head), creating blocks of content that can be delivered in a channel-neutral format to power any channel or experience. This approach enables the CMS to live up to the promise of managing content in place and publishing anywhere. Use GraphQL schema provided by: use the drop-down list to select the required configuration. Content Fragments Support in AEM Assets HTTP API feature helped us to solve the multiple challenges and provide a seamless headless delivery. The following are required to follow this quick setup: AEM as a Cloud Service Sandbox environment. Experience Manager tutorials. Adobe Experience Manager gives developers and business users the freedom to create and deliver content in a headless. js (JavaScript) AEM Headless SDK for Java™. Last update: 2023-06-23. At the beginning of the AEM Headless Content Architect Journey the Introduction covered the basic concepts and terminology relevant to modeling content for headless. From the main menu of AEM, tap or click on Sites. This session dedicated to the query builder is useful for an overview and use of the tool. In this part of the AEM Headless Developer Journey, learn about what is required to get your own project started with AEM Headless. Welcome to the documentation for developers who are new to Adobe Experience Manager. The AEM Headless Client for JavaScript is used to execute the GraphQL persisted queries that power the app. in our case it will be AEM but there is no head, meaning we can decide the head on our own. With Headless Adaptive Forms, you can streamline the process of building. Integrating Adobe Target on AEM sites by using Adobe Launch. Headless Developer Journey. To download assets, follow these steps: In Experience Manager user interface, click Assets > Files. So what is AEM? First and foremost, AEM is a Content Management System with a wide range of features that can also be customized to meet your requirements. This article provides insights into how Headless Adaptive Forms work, and how they can be integrated with different applications to simplify the form building process. In the previous document of the AEM headless journey, Learn About CMS Headless Development you learned the basic theory of what a. styling it, presenting it, and delivering it all happen in AEM. Content is delivered to various channels via JSON.