This document helps you understand headless content delivery, how AEM supports headless, and how. AEM is used as a headless CMS without using the SPA Editor SDK framework. 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. This document helps you understand headless content delivery, how AEM supports headless, and how. Be aware of AEM’s headless integration levels. GraphiQL is included in all environments of AEM (but will only be accessible/visible when you configure your endpoints). Previous page. Meet our community of customer advocates. The headless CMS extension for AEM was introduced with version 6. 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. Introduction to Adobe Experience Manager as a Headless CMS. Click. PWA (Progressive Web Apps) has gained unparallel momentum and caught the eye of many IT practitioners. This tutorial explores how AEM Content Services can be used to power the experience of an Mobile App that displays Event information (music, performance, art, etc. This tutorial explores how AEM’s GraphQL APIs and headless capabilities can be used to power the experiences surfaced in an external app. Please go through below article to read about our experience in using AEM as a Headless CMS - 566187. What is Headless CMS CMS consist of Head and Body. Using headless e-commerce allows you to separate the CMS from the e-commerce engine part. To browse the fields of your content models, follow the steps below. Tap or click on the folder for your project. 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. 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. Adobe Experience Manager’s Referrer Filter enables access from third-party hosts. 5. 2. Using the Designer. This tutorial explores how AEM Content Services can be used to power the experience of an Mobile App that displays Event information (music, performance, art, etc. The AEM Headless SDK is available for various platforms: AEM Headless SDK for client-side browsers (JavaScript) AEM Headless SDK for server-side/Node. Get to know how to organize your headless content and how AEM’s translation tools work. 2: Authoring Basics for Headless with AEM: Learn about the concepts and mechanics of authoring content for your Headless CMS using Content. The AEM SDK is used to build and deploy custom code. For example, define the field holding a teacher’s name as Text and their years of service as Number. Then Getting Started with AEM Headless as a Cloud Service described AEM Headless in the context of your own project. The Story So Far. Salesforce CMS opens up multiple ways and channels for you to surface all the varieties of your authored content — be it marketing materials, news articles or blog posts. The Story So Far. 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. In Eclipse, open the Help menu. The GraphiQL tool enables developers to create and test queries against content on the current AEM environment. Build from existing content model templates or create your own. In this part of the AEM Headless Developer Journey, you will understand the steps to implementing your first headless experience in AEM including planning considerations and also learn best practices to make your path as smooth as possible. 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. Sign In. The tagged content node’s NodeType must include the cq:Taggable mixin. The Create new GraphQL Endpoint dialog box opens. Headless is an example of decoupling your content from its presentation. Learn about key AEM 6. Clone and run the sample client application. After selecting this you navigate to the location for your model and select Create. The. Understand how to build and customize experiences using AEM’s powerful features by exploring these development and deployment topics. Adaptive Forms Core Components. Learn how to create a SPA using the React JS framework with AEM's SPA Editor. We’ll cover retrieving Content Fragment data from AEM’s GraphQL APIs and displaying it in the React app. TranscriptThe following Documentation Journeys are available for headless topics. The site is implemented using:Headless architecture offers a new way of presenting AEM content. Latest Code. AEM’s WCM Core Components have built-in functionality to support a normalized JSON schema of exported Pages and Components. It is possible to search, filter, and sort stories and create new stories or folders. After reading it, you can do the following:There are many ways by which we can implement headless CMS via AEM. This tutorial explores how AEM’s GraphQL APIs and headless capabilities can be used to power the experiences surfaced in an external app. The following Documentation Journeys are available for headless topics. It stores content in a database and delivers it to any frontend via API. With a headless implementation, there are several areas of security and permissions that should be addressed. 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. AEM Developer Portal; Previous page. The response of a GET request can be cached at the dispatcher and CDN layers, ultimately improving the performance of the requesting client. 8+. With AEM, developers can create and manage content in a single place, and then publish it to multiple channels, including websites, mobile apps, and connected devices. com 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 go “all-in” with this new model. AEM 6. AEM Headless CMS Documentation. iOS SwiftUI app with AEM Headl. The AEM Headless Client for JavaScript is used to execute the GraphQL persisted queries that power the app. 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. The configuration file must be named like: com. 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. Adobe Experience Manager (AEM) is the leading experience management platform. AEM offers the flexibility to exploit the advantages of both models in one project. ) that is curated by the WKND team. The Story So Far. The headless approach in AEM has the following features and functionalities: Omnichannel delivery: Headless is preferred when the content is consumed through multiple channels. The two only interact through API calls. Build a React JS app using GraphQL in a pure headless scenario. 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 Headless CMS Developer Journey. Headless CMS explained in 5 minutes - Strapi. 5 The headless CMS extension for AEM was introduced with version 6. As AEM offers the (very) best of both worlds, it supports the traditional approach and the headless way. This user guide contains videos and tutorials on the many features and capabilities of AEM Sites. For headless, your content can be authored as Content Fragments. Create Content Fragments based on the. 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. Objective. Once headless content has been. js) Remote SPAs with editable AEM content using AEM SPA Editor. Body is where the content is stored and head is where it is presented. Content Fragments Support in AEM Assets HTTP API feature helped us to solve the multiple challenges and provide a seamless headless delivery. Adobe. Explore tutorials by API, framework and example applications. js (JavaScript) AEM Headless SDK for Java™. Once headless content has been translated,. Developer. AEM Basics Summary. Looking for a hands-on tutorial? Check out Getting Started with AEM Headless and GraphQL 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. Understand the three main challenges getting in the way of successful content. A headless CMS separates the back-end (content) from the “head”—the front-end website that users interact with. Headless implementation is increasingly becoming important for delivering experiences to your audience, wherever they. The full code can be found on GitHub. These are defined by information architects in the AEM Content Fragment Model editor. 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. Headless AEM refers to the decoupling of the frontend presentation layer from the backend content management system, Adobe Experience Manager (AEM). From the AEM Start Screen, tap Content Fragments to open up the Content Fragments UI. Unlike the traditional AEM solutions, headless does it without the presentation layer (the “head”) that would dictate how the content should be displayed. 10. 1. Learn how to use features like Content Models,. Headful and Headless in AEM; Headless Experience Management. Example applications are a great way to explore the headless capabilities of Adobe Experience Manager (AEM). Get started with Adobe Experience Manager (AEM) and GraphQL. An end-to-end tutorial illustrating how to build-out and expose content using. 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. Due to this approach, a headless CMS does not. This guide contains videos and tutorials on the many features and capabilities of AEM. In the basic tutorial multi-step GraphQL tutorial, you used the GraphiQL Explorer to test and refine the GraphQL queries. Documentation. Authoring Basics for Headless with AEM. Example applications are a great way to explore the headless capabilities of Adobe Experience Manager (AEM). 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. From the Create Report page, choose the report you want to create and click Next. Quick links. A modern content delivery API is key for efficiency and performance of Javascript-based frontend applications. On Adobe headless CMS, modular content fragments can be easily reused across channels and devices and localized using Adobe Exchange’s translation capabilities. At the beginning of the AEM Headless Content Architect Journey the Introduction covered the basic concepts and terminology relevant to modeling content for headless. Content Fragments: Allows the user to add and. In this part of the AEM Headless Developer Journey, learn about headless technology and why you would use it. Or in a more generic sense, decoupling the front end from the back end of your service stack. This article builds on these so you understand how to create your own Content Fragment Models for your AEM headless. Use GraphQL schema provided by: use the drop-down list to select the required configuration. 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. Developer. An implementation of the standard GraphiQL IDE is available for use with the GraphQL API of Adobe Experience Manager (AEM) as a Cloud Service. Authoring for AEM Headless as a Cloud Service - An Introduction: An introduction to the headless features of Adobe Experience Manager as a Cloud Service, and how to author content for your project. Typical AEM as a Cloud Service headless deployment. Introduction. The Story so Far. 3 latest capabilities that enable channel agnostic experience management use-cases, and more. Review existing models and create a model. The headless part is the content backend, as 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. Learn about fluid experiences and its application in managing content and experiences for either headful or headless CMS scenarios. Click on gear icon of your newly created project and click on ‘Project Settings’. Structured Content Fragments were introduced in AEM 6. This means your content can reach a wide range of devices, in a wide range of formats and with a. js app uses AEM GraphQL persisted queries to query. This is where you create content like posts and pages, install plugins, manage. In this part of the AEM Headless Developer Journey, learn about what is required to get your own project started with AEM Headless. 14+. Welcome to this tutorial chapter where we will explore configuring a React app to connect with Adobe Experience Manager (AEM) Headless APIs using the AEM Headless SDK. The CORS configuration must specify a trusted website origin alloworigin or alloworiginregexp for which access must be granted. A headless CMS exposes content through well-defined HTTP APIs. You can use the CLI, one of our one click buttons or use Docker compose. The latest version of AEM and AEM WCM Core Components is always recommended. Instead, you control the presentation completely with your own code in any programming language. This tutorial explores how AEM Content Services can be used to power the experience of an Mobile App that displays Event information (music, performance, art, etc. The tutorial is designed to work with AEM as a Cloud Service and is backwards compatible with AEM 6. The integration allows you to. Tap Home and select Edit from the top action bar. 5 user guides. AEM Headless as a Cloud Service. All 3rd party applications can consume this data. Now even AEM as a cloud service has react as inbuilt program into its archetype as part of Adobe’s best practices known to its Headless CMS architecture. AEM is built on four primary Java™ API sets. Developer. The headless CMS architecture is ideal for the largest of content syndication efforts as it offers robust capabilities for publication. You also learn how you can create editable SPAs using AEM’s SPA Editor framework, and integrate external SPAs, enabling editing capabilities as required. 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 tag content and use the AEM Tagging infrastructure : The tag must exist as a node of type cq:Tag under the taxonomy root node. e. A hybrid CMS, on the other hand, is a decoupled CMS which offers headless content management, plus all the content authoring features that marketers know and love. For publishing from AEM Sites using Edge Delivery Services, click here. In this part of the AEM Headless Developer Journey, learn about what is required to get your own project started with AEM Headless. This React application demonstrates how to query content using AEM’s GraphQL APIs using persisted queries. AEM Headless single-page app (SPA) deployments involve JavaScript-based applications built using frameworks such as React or Vue, that consume and interact with content in AEM in a headless manner. Learn about headless technologies, why they might be used in your project, and how to create. They can author. Get to know how to organize your headless content and how AEM’s translation tools work. All Learning. The models available depend on the Cloud Configuration you defined for the assets. Tutorial - Getting Started with AEM Headless and GraphQL Looking for a hands-on tutorial? Check out Getting Started with AEM Headless and GraphQL 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. When using AEM Headless Persisted Queries which access AEM over HTTP GET, a Referrer Filter configuration is. Enable developers to add automation to. With these operation the API lets you operate Adobe Experience Manager as a headless CMS (Content Management System) by providing. Headless Developer Journey. Thanks to this. Organize and structure content for your site or app. For example if a beginner want to learn AEM he doesn’t have any proper guide, where to start learning aem from and how to learn AEM. For publishing from AEM Sites using Edge Delivery Services, click here. Content Reusability: With Headless CMS, authors can create content once and reuse it across multiple channels & touchpoints. Adobe. 10. The two only interact through API calls. Tutorial: Developers: 2 hours: Headless. The tutorial is designed to work with AEM as a Cloud Service and is backwards compatible with AEM 6. Headless CMS disconnects the back end (aka the “body”) of the platform where content is created, managed, and stored from the front-end (aka the “head”) of the platform where content is formatted, designed, and distributed. AEM Headless CMS Documentation. This document provides an overview of the different models and describes the levels of SPA integration. At its simplest level, creating digital experiences in AEM requires the following steps: Your content authors create your headless content in the author instance. Differences: Architecture: AEM: Adobe Experience Manager follows a traditional CMS architecture, providing a unified platform that combines content creation, management, and presentation within a single system. com. Start here for an overview of the guided journeys available to understand AEM’s powerful headless features. e. The Story so Far. In the Cache Configuration modal, update the max-age header value to 600 seconds (10 mins), then click Save. This tutorial starts by using the AEM Project Archetype to generate a new project. 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. This tutorial explores how AEM Content Services can be used to power the experience of an Mobile App that displays Event information (music, performance, art, etc. PWA has become a buzzword and i am sure you also have heard of it. Welcome to this tutorial chapter where we will explore configuring a React app to connect with Adobe Experience Manager (AEM) Headless APIs using the AEM Headless SDK. Conclusion. Objective. Objective This document helps you understand headless content delivery and why it should be used. Topics: Content Fragments. We are looking to integrate with the Adobe headless-CMS version of the AEM. An administrator can follow these steps to generate a report: In Experience Manager interface, click Tools > Assets > Reports. With Headless Adaptive Forms, you can streamline the process of building. 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. AEM Headless as a Cloud Service. In the left-hand rail, expand My Project and tap English. All 3rd party applications can consume this data. 0(but it worked for me while. English is the default language for the. The I18n class provides the get method that retrieves localized strings from the Adobe Experience Manager (AEM) dictionary. On the Asset Reports page, click Create from the toolbar. Examples can be found in the WKND Reference Site. We’ll cover retrieving Content Fragment data from AEM’s GraphQL APIs and displaying it in the React app. This. If you prefer a hands-on approach and are familiar with AEM, this tutorial dives directly into implementing a simple headless app. This has become the standard UI in AEM with. Learn how AEM can go beyond a pure headless use case, with options for in-context authoring and experience management. This is the same framework used to translate other AEM content, such as Pages, Experience Fragments, Assets, and Forms. Tutorials by framework. Permission considerations for headless content. AEM Tutorial | A Step By Step Guide For Beginners [2023] All courses AEM Tutorial Adobe Experience Manager (AEM) needs no introduction to CMS developers or. See Wikipedia. Last update: 2023-08-01. ; The Fragment Reference data type lets you. This CMS approach helps you scale efficiently to. After reading you should: Understand the importance of content. On this page. Recommended courses. 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. Content Management System (CMS) enables users to build, organize, deliver, and modify content. 0+ version supports GraphQL API to expose the Content Fragment to enable the headless content experience. This server-to-server application demonstrates how to query content using AEM’s GraphQL APIs using persisted queries and print it on terminal. You’ll find a range of AEM Cloud Services documentation and tutorials here to help you. Adobe Experience Manager (AEM) Sites is a leading experience management platform. AEM Headless APIs allow accessing AEM content from any client app. Content Fragments are instantiations of. A headless CMS completely separates the backend (creation and storage) from the frontend (design and. Last update: 2023-09-26. For example, back-end and front-end developers can work in parallel as long as their efforts are well-coordinated. Application programming interface. Navigate to Tools -> Assets -> Content Fragment Models. See full list on one-inside. g. This React application demonstrates how to query content using AEM’s GraphQL APIs using persisted queries. Create your first React Single Page Application (SPA) that is editable in Adobe Experience Manager AEM with the WKND SPA. What Is Adobe AEM? Adobe AEM is a powerful CMS used to create, edit, and manage digital content across various channels. Select Create. We’ll see both render props components and React Hooks in our example. ) It's a Static Site Generator (SSG) that can be deployed to any Content Delivery Network (CDN) known to man. The Story So Far. View the source code. Learn about key AEM 6. Last update: 2023-08-16. Content Fragment models define the data schema that is. People have been using Google Drive as a headless CMS for a while now. The different roles to enable the headless content. This multi-part tutorial walks through the implementation of a React application for a fictitious lifestyle brand, the WKND. Headless WordPress is a term for any website that uses WordPress as the back-end software to manage data and content, but uses separate technologies to display the data on the front-end. In a headless CMS, the back end is completely decoupled from the front end, separating the management of the content and the presentation to the end user. 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. These tests are maintained by Adobe and are intended to prevent changes to custom application code from being deployed if it breaks core functionality. technologies. Headless CMS. Tutorial: Developers: 2 hours: Headless. This tutorial covers the following topics:Tutorial - Getting Started with AEM Headless and GraphQL. Unlike decoupled, headless allows you to publish dynamic content to any device connected via IoT. A totally different front end uses AEM Templates, which in turn invokes AEM components, etc. Browse our blogs, video tutorials, and self-help documentation as you implement and manage your new. 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. A headless CMS is therefore responsible for the (backend) content management services, together with the mechanisms allowing the (frontend) applications to access that content. Started Application: Adobe has also released a started application to help you start quickly with Headless adaptive forms. 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. 0 or later Forms author instance. Introduction AEM has multiple options for defining. 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. It is the main tool that you must develop and test your headless application before going live. Know the prerequisites for using AEM’s headless features. Click Install New Software. 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. In a bid to create the perfect, composable tech stack, headless implementations can end up as elaborate exercises that require connecting multiple teams, tools, and technologies. Courses. With Headless Adaptive Forms, you can streamline the process of building. Tap Create new technical account button. Courses Recommended courses Tutorials Certification Events Instructor-led training Browse content library View all learning options. Throughout this tutorial, we’ll walk you through the step-by-step process of building a web experience using React and AEM Headless APIs with GraphQL. Headless CMS. Headless CMSes are easier to maintain, more secure, more resistant to DDoS attacks, and free from vendor support. There are many ways by which we can implement headless CMS via AEM. With Adobe Experience Manager version 6. Each publisher is coupled to a single Apache instance equipped with the AEM dispatcher module for a materialized view of the content, serving as the origin for the Adobe-managed CDN. Headless CMS. Open the GraphiQL Explorer and click the ellipses (…) next to the persistent query, then click Headers to open Cache Configuration modal. storyblok. Within a model: Data Types let you define the individual attributes. Get to know how to organize your headless content and how AEM’s translation tools work. Last update: 2023-10-02. Get Started with AEM Headless Translation. ) Headless CMS data is accessible and extensible, providing. 5. AEM Sites videos and tutorials. Get started with Adobe Experience Manager (AEM) and GraphQL. This end-to-end tutorial continues the basic tutorial that covered the fundamentals of Adobe Experience Manager (AEM) Headless and GraphQL. Tutorials. You also learn how you can create editable SPAs using AEM’s SPA Editor framework, and integrate external SPAs, enabling editing capabilities as required. Learn to use the Experience Manager desktop app to connect repositories and desktop applications to provide faster access to resources and streamlined workflows. Review Caching your persisted queries for more information on default cache-control parameters. Looking for a hands-on tutorial? Check out Getting Started with AEM Headless and GraphQL 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. A popup will open, click on “ Copy ” to copy the content. Browse the following tutorials based on the technology used. AEM was being used in a headful manner but AEM imposed a lot of restrictions when we had to develop Applications on top of AEM; So we are going to use AEM in a headless manner and bring in all the content in content fragments so that those content fragments can be rendered on different portals (some use cases need more than. The configured AEM service’s host/domain is then used to construct the AEM GraphQL API URLs and Image URLs. The verdict. Learn. AEM Preview is the service that mimics AEM Publish in behavior, but has content published to it for preview or review purposes. This tutorial explores how AEM’s GraphQL APIs and headless capabilities can be used to power the experiences surfaced in an external app. 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. Content fragment via asset API (demo) Content fragment via graphql (demo) Some real-time use cases around using content fragments and their approaches. Strapi Cloud. A headless CMS exposes content through well-defined HTTP APIs. These are self-contained items of content that can be directly accessed by a range of applications, as they have a predefined structure, based on Content Fragment Models. An Introduction to AEM as a Headless CMS; The AEM Developer Portal; AEM Headless Tutorials - Use these hands-on tutorials to explore how to use the various options for delivering content to headless endpoints with AEM. In this optional continuation of the AEM Headless Developer Journey, you learn how AEM can combine headless delivery with traditional full-stack CMS features. It describes how to model the entries of a FAQ list by using content fragments. ; Be aware of AEM's headless. This separates your data (the “body”) from how it’s presented (the “head”), hence the term “headless”. In a traditional CMS you have end-to-end control of what the front-end looks like. Adobe Experience Manager (AEM), Sitecore,. See Wikipedia. In this part of the AEM Headless Developer Journey, learn about headless technology and why you would use it. The ImageComponent component is only visible in the webpack dev server. And the demo project is a great base for doing a PoC. 3, Adobe has fully delivered its content-as-a-service (CaaS. This iOS application demonstrates how to query content using AEM’s GraphQL APIs using persisted queries. Adobe Experience Manager (AEM) Sites is a leading experience management platform. Adoption of headless CMS should be done after due deliberation on your business requirements since it involves some major trade-offs in the form of front-end building capability. Last update: 2023-11-06.