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. Documentation. Deploy your Strapi project in few minutes. Build from existing content model templates or create your own. Website Only — the organization requires only websites, a traditional or hybrid CMS might fulfill the need. Developer. 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. 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. Select Edit from the mode-selector in the top right of the Page Editor. And you can learn how the whole thing works in about an hour and a half. This article builds on these so you understand how to model your content for your AEM headless. AEM Basics Summary. 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. 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. The completed SPA, deployed to AEM, can be dynamically authored with traditional in-line editing tools of AEM. For example, back-end and front-end developers can work in parallel as long as their efforts are well-coordinated. This can be done under Tools -> Assets -> Content Fragment Models. In this case, there are no AEM Templates, but AEM Components may be there connecting the new front end with AEM Data store. cq. GraphQL API. ) that is curated by the WKND team. First select which model you wish to use to create your content fragment and tap or click Next. AEM is a headless CMS that enables developers to easily manage and publish content across multiple channels. This end-to-end tutorial continues the basic tutorial that covered the fundamentals of Adobe Experience Manager (AEM) Headless and GraphQL. 0 or later Included in the WKND Mobile AEM Application Content Package below; Prior to starting this tutorial ensure the following AEM instances are installed and running on your local machine:. impl. Chapter 7 of the tutorial uses a native Android Mobile App to consume content from AEM Content Services. The two only interact through API calls. The AEM Headless SDK is available for various platforms: AEM Headless SDK for client-side browsers (JavaScript) AEM Headless SDK for server-side/Node. AEM can create custom digital experiences personalized to the individual user. For an end-to-end example of building your own single-page application that is editable with AEM starting with project setup through application routing, see the WKND SPA Tutorials: Getting Started with the AEM SPA Editor and Angular. 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. You’ll find a range of AEM Cloud Services documentation and tutorials here to help you. In terms of authoring Content Fragments in AEM this means that:Last update: 2023-06-23. For the translation specialist, the same set of translation tools can be applied to both types of content, giving you a unified approach for translating your content. In this part of the AEM Headless Developer Journey, learn how to model your content for AEM Headless delivery using Content Modeling with Content Fragment Models and Content Fragments. For you devs we’ve created a minimal demo project and a tutorial. 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. Sign In. Scroll to the bottom and click on ‘Add Firebase to your web app’. 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. 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. A headless CMS is therefore responsible for the (backend) content management services, together with the mechanisms allowing the (frontend) applications to access that content. View the. The AEM SDK. Authoring for AEM Headless - An Introduction. in our case it will be AEM but there is no head, meaning we can decide the head on our own. Stop the webpack dev server and from the root of the project, deploy the changes to AEM using your Maven skills: $ cd aem-guides-wknd-spa $ mvn clean install . This is where you create content like posts and pages, install plugins, manage. 2. ; The data types Content Reference and Fragment Reference let you create relationships to other content within AEM. Be aware of AEM’s headless integration levels. In a headless CMS, you don’t edit in context, and there’s no presentation. ) Headless CMS data is accessible and extensible, providing. Headless CMS in AEM 6. Solved: Hi, I am going through the article AEMCQ5Tutorials: Integrate PWA with AEM – using headless CMS @ - 325762. Developer. Tap in the Integrations tab. Organize and structure content for your site or app. This user guide contains videos and tutorials helping you maximize your value from AEM. 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 Create new GraphQL Endpoint dialog box opens. The advanced tutorial illustrates in-depth aspects of working with Content Fragment Models, Content Fragments, and the AEM GraphQL persisted queries, including using the GraphQL persisted queries. Click. Know the prerequisites for using AEM’s headless features. Click on gear icon of your newly created project and click on ‘Project Settings’. Learn to use the Experience Manager desktop app to connect repositories and desktop applications to provide faster access to resources and streamlined workflows. 2. The Story So Far. js (JavaScript) AEM Headless SDK for Java™. 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. Content Fragment Models are generally stored in a folder structure. Scroll to the bottom and click on ‘Add Firebase to your web app’. The content is fully formatted, and if you make a change to a page and hit publish, you see exactly what the end user is going to see. For headless, your content can be authored as Content Fragments. 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. This involves structuring, and creating, your content for headless content delivery. 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 different roles to enable the headless content. This Android application demonstrates how to query content using the GraphQL APIs of AEM. TranscriptThe following Documentation Journeys are available for headless topics. Create Content Fragments based on. Review existing models and create a model. 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. The typical use case being our clients have a complete AEM suite and we would like to pull down assets within the CMS for them to use within our application. 4. This DAM clears bottlenecks. ) that is. Know the prerequisites for using AEM’s headless features. Explore tutorials by API, framework and example applications. This iOS application demonstrates how to query content using AEM’s GraphQL APIs using persisted queries. Topics: Content Fragments. At the beginning of the AEM Headless Content Architect Journey the Introduction covered the basic concepts and terminology relevant to modeling content for headless. Developer. A modern content delivery API is key for efficiency and performance of Javascript-based frontend applications. They can be requested with a GET request by client applications. 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. Tap or click on the folder for your project. AEM employs advanced digital marketing tools to improve your user's experience and gain insight into your visitors. 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. It is a traditional, monolithic CMS with a content-as-a-service (CaaS) API. This article builds on these so you understand how to create your own Content Fragment Models for your AEM headless. This user guide contains videos and tutorials on the many features and capabilities of AEM Sites. Author in-context a portion of a remotely hosted React application. 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. In our complete guide, we are going to answer the most common questions, such as What is the difference between Headless and traditional CMS? Beginner. supports headless CMS scenarios where external client applications render experiences using. 5 The headless CMS extension for AEM was introduced with version 6. JCR (Apache Jackrabbit Oak) Data and content abstractions such as. The following Documentation Journeys are available for headless topics. For publishing from AEM Sites using Edge Delivery Services, click here. This document helps you understand headless content delivery, how AEM supports headless, and how. 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 Story So Far. Quick links. Getting Started with AEM Headless as a Cloud Service. DXP. Next, explore the power of AEM’s GraphQL API using the built-in GraphiQL IDE. In the previous document of the AEM headless journey, Getting Started with AEM Headless you learned the basic theory of what a headless CMS is and you should now: Understand the basics of AEM’s headless features. Download now: Headless CMS: The Future of Content Management. 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. Browse our blogs, video tutorials, and self-help documentation as you implement and manage your new. Content Services: Expose user defined content through an API in JSON format. After reading you should: Understand the importance of content. js) Remote SPAs with editable AEM content using AEM SPA Editor. This server-to-server application demonstrates how to query content using AEM’s GraphQL APIs using persisted queries and print it on terminal. What Is Adobe AEM? Adobe AEM is a powerful CMS used to create, edit, and manage digital content across various channels. Content Fragment models define the data schema that is. This React application demonstrates how to query content using AEM’s GraphQL APIs using persisted queries. There are many ways by which we can implement headless CMS via AEM. In Eclipse, open the Help menu. Content fragment via asset API (demo) Content fragment via graphql (demo) Some real-time use cases around using content fragments and their approaches. ) that is curated by the. Courses. 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. Release Notes. Content first must be the approach behind Content Architecture. React has three advanced patterns to build highly-reusable functional components. AEM 6. 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. 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. This does not mean that you don’t want or need a head (presentation), it’s that. Translating Headless Content in AEM. Before building the headless component, let’s first build a simple React countdown and. Enable developers to add automation. Adobe. 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. Review existing models and create a model. 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. 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. If you prefer a hands-on approach and are familiar with AEM, this tutorial dives directly into implementing a simple headless app. Courses Tutorials Certification Events Instructor-led training View all learning options. The I18n class provides the get method that retrieves localized strings from the Adobe Experience Manager (AEM) dictionary. Then Getting Started with AEM Headless as a Cloud Service described AEM Headless in the context of your own project. From here, you can move over to the Content section {1}, where you can manage all of the content that exists in the newly created space. This guide provides an overview of Experience Manager as a Cloud service, including an introduction, terminology, architecture, etc. Adobe Experience Manager (AEM) Sites is a leading experience management platform. A collection of Headless CMS tutorials for Adobe Experience Manager. This tutorial covers the following topics:Tutorial - Getting Started with AEM Headless and GraphQL. 3 and has improved since then, it mainly consists of the following components: Content Services: Expose user defined content through an API in JSON format. Learn how AEM can go beyond a pure headless use case, with options for in-context authoring and experience management. 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. technologies. 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. 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. This involves structuring, and creating, your content for headless content delivery. Its main purpose is to reduce latency by delivering cacheable content from the CDN nodes at the edge, near the browser. Traditional and headless delivery. 8+. A modern content delivery API is key for efficiency and performance of Javascript-based frontend applications. Chapter 1 of the AEM Headless tutorial the baseline setup for the AEM instance for the tutorial. 2. Documentation. You can run the demo in a few minutes. Last update: 2023-11-06. cfg. Digital asset management. Learn how to create, manage, deliver, and optimize digital assets. Next, deploy the updated SPA to AEM and update the template policies. Conclusion. Instructor-led training. Instead, you control the presentation completely with your own code in any programming language. 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. With Headless Adaptive Forms, you can streamline the process of building. The purpose of creating this post is that most of AEM blogs and tutorials available online are not properly indexed. 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. This allows the marketing team to use their favorite CMS tool, and at the same time, you can use the engine with the most features. Due to this approach, a headless CMS does not. Security User. Headless offers the most control over how and where your content appears. Review Caching your persisted queries for more information on default cache-control parameters. Imagine the kind of impact it is going to make when both are combined; they. com resources. About. 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. View next:Translating Headless Content in AEM. In the Name field, enter AEM Developer Tools. Our marketing team uses this information to tailor experiences, improve content, and make data-driven decisions. The configuration file must be named like: com. Get to know how to organize your headless content and how AEM’s translation tools work. Typically headless approach means an API approach, we are trying to give responsibility for each and individual component, also we are applying a common repository pattern. REST and resource-based abstractions such as resources, value maps, and HTTP requests. Confirm with Create. 5 is a flexible tool for the headless implementation model by offering three powerful services: Content Models are structured representation of content. March 29, 2023 Sagor Chowdhuri. 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’s headless capabilities make it an ideal platform for. Headless implementations enable delivery of experiences across platforms and channels at scale. Content Models serve as a basis for Content Fragments. 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. See full list on one-inside. Search Results. Or in a more generic sense, decoupling the front end from the back end of your service stack. i18n Java™ package enables you to display localized strings in your UI. With Headless Adaptive Forms, you can streamline the process of. The tutorial is designed to work with AEM as a Cloud Service and is backwards compatible with AEM 6. Check both AEM and Sling plugins. 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. 4. Tap Create new technical account button. View. Main site needs to be built and deployed to AEM (`mvn clean install -PautoInstallPackage`) Step 1: From project root folder $ cd react-app Step 2: Build all node modules $ npm iHeadless CMS. 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. 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. com resources. app. Here you can enter various key details. Contentful: Contentful adopts a headless CMS architecture, decoupling content creation from presentation. AEM Headless tutorials - If you prefer to learn by doing and are technically inclined, take our hands-on tutorials organized by API and. This tutorial explains the details on enabling the Salesforce communities with Adobe Experience Manager(AEM) content through Salesforce CMS Connect (HTML). adobe. Understand how to build and customize experiences using AEM’s powerful features by exploring these development and deployment topics. An end-to-end tutorial illustrating how to build-out and expose content using AEM Headless. Headless is an example of decoupling your content from its presentation. Body is where the content is stored and head is where it is presented. Community. Example applications are a great way to. With Headless Adaptive Forms, you can streamline the process of building. Introduction. This exceptional AEM GEMs session features two speakers who are operating AEM as customers. The term “headless” comes from the concept of chopping the “head” (the front end, i. A hybrid CMS is a “halfway” solution. The benefit of this approach is cacheability. What Makes AEM Headless CMS Special. This tutorial walks through the implementation of an AEM site for a fictitious lifestyle brand the WKND. Tap Home and select Edit from the top action bar. 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. ; The Fragment Reference data type lets you. granite. Learn about headless technologies, why they might be used in your project,. A totally different front end uses AEM Templates, which in turn invokes AEM components, etc. 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. Content Models serve as a basis for Content. AEM Headless APIs allow accessing AEM content from any client app. cors. 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’s GraphQL APIs for Content Fragments. 10. To support AEM Content Service’s JSON export of Pages and Components, the Pages and Components must derive from AEM WCM Core Components. Here, the AEM will act as a mere repository, exposing content as a service in REST/ GraphQL endpoints. The AEM-managed CDN satisfies most customer’s performance and. 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. 3, Adobe has fully delivered its content-as-a-service (CaaS. Community. AEM Headless CMS Developer Journey. Tutorial: Developers: 2 hours: Headless. If you search for "Google Drive as a headless CMS" you'll get plenty of articles, tutorials, tweets and more on the topic. Learn about the different data types that can be used to define a schema. Example applications are a great way to explore the headless capabilities of Adobe Experience Manager (AEM). You can run the demo in a few minutes. 0, Adobe Experience Manager (AEM) introduced a new user interface referred to as the touch-enabled UI (also known simply as the touch UI ). For headless, your content can be authored as Content Fragments. All of the WKND Mobile components used in this. These remote queries may require authenticated API access to secure headless content. Repeat the above steps to create a fragment representing Alison Smith:In this part of the AEM Headless Content Author Journey, you can learn the (basic) concepts and terminology necessary to understand authoring content when using Adobe Experience Manager (AEM) as a Cloud Service as a Headless CMS. Your design can be defined in the designs section of the Tools tab: Here you can create the structure required to store the design, then upload the cascaded style sheets and images required. 3 latest capabilities that enable channel agnostic experience. Tutorials by framework. React is the most favorite programming language amongst front-end developers ever since its release in 2015. 5 The headless CMS extension for AEM was introduced with version 6. The use of AEM Preview is optional, based on the desired workflow. Learn how to create a SPA using the React JS framework with AEM's SPA Editor. Content Models are structured representation of content. Adobe Experience Manager projects can be implemented in both headful and headless models, but the choice is not binary. Dispatcher. Tutorial - Getting Started with AEM Headless and GraphQL. Generally you work with the content architect to define this. 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. 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. Navigate to Tools, General, then select GraphQL. Headless-cms-in-aem Headless CMS in AEM 6. Browse the following tutorials based on the technology used. Oshyn. Get to know how to organize your headless content and how AEM's translation tools work. After reading it, you can do the following:There are many ways by which we can implement headless CMS via AEM. Experience Cloud Advocates. Provides important information about the latest release of AEM, including what’s new, supported platforms, deprecated and removed features, and known issues. 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. 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. Intermediate Developer Welcome to this tutorial chapter where we will explore configuring a React app to connect with Adobe Experience Manager (AEM) Headless. The Story So Far. A Headless Content Management System (CMS) is: "A headless content management system, or headless CMS, is a back-end only content management system (CMS) built from the ground up as a content repository that makes content accessible via an API for display on any device. 4+ and AEM 6. View next: Learn. The AEM Headless Client for Java is used to execute the GraphQL queries and map data to Java objects to power the app. This journey provides you with all the information you need to develop. Adobe Developer App Builder extends AEM capabilities providing dynamic content without load time lag and on single-page apps. It describes how to model the entries of a FAQ list by using content fragments. Get to know how to organize your headless content and how AEM’s translation tools work. 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. In this session, we will cover the following: Content services via exporter/servlets. Content Fragment models define the data schema that is. Learn how Experience Manager as a Cloud Service works and what the software can do for you. In terms of. It is an amazing headless CMS with brilliant filter and search options. Ex: When we use Angular JS, AEM Templates use this, in place of regular JS. In this tutorial i will show you how to integrate PWA with AEM using headless CMS (content as service) concept of AEM. Because we use the API. Last update: 2023-08-16. Enable developers to add automation to. The path to the design to be used for a website is specified using the cq:designPath. PWA (Progressive Web Apps) has gained unparallel momentum and caught the eye of many IT practitioners. PWA has become a buzzword and i am sure you also have heard of it. Get Started with AEM Headless Translation. React app with AEM Headless View the source code on GitHub A full step by step tutorial describing how this React app was build. 16. 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. Tap the Technical Accounts tab. Developer. An Introduction to AEM as a Headless CMS; AEM Headless tutorials - If you prefer to learn by doing and are technically inclined, take our hands-on tutorials organized by API and framework, that explore creating and using applications built on AEM Headless. Meet our community of customer advocates. Get started with Adobe Experience Manager (AEM) and GraphQL. On this page. 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. This tutorial explores how AEM’s GraphQL APIs and headless capabilities can be used to power the experiences surfaced in an external app. AEM as a Cloud Service and AEM 6. Create a folder on your system and paste the downloaded zip file (hello-world-pwa) attached above. In this tutorial,. CORSPolicyImpl~appname-graphql. On the Asset Reports page, click Create from the toolbar. 8. This tutorial uses a simple native Android Mobile App to consume and display Event content exposed by AEM Content Services. The creation of a Content Fragment is presented as a wizard in two steps. 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. Likewise, developers are no longer locked into using a specific application stack to create an experience. Get to know how to organize your headless content and how AEM’s translation tools work. By the way, since I asked my original question, I found out that the "AEM Headless Developer Journey" will be probably a good starting point for me to get an overview of some available headless features. ) that is curated by the. Next page. ) It's a Static Site Generator (SSG) that can be deployed to any Content Delivery Network (CDN) known to man. This decoupled environment creates more flexibility and versatility for applications such as a website or CMS. Learn about Creating Content Fragment Models in AEM The Story so Far. Learn why more and more companies are switching to headless CMS. A popup will open, click on “ Copy ” to copy the content. An administrator can follow these steps to generate a report: In Experience Manager interface, click Tools > Assets > Reports. AEM’s GraphQL APIs for Content Fragments. In a headless setup, the presentation system (the head) is decoupled from the content management (the tail). The full code can be found on GitHub. e. Headless CMS. This document. The AEM Headless Client for JavaScript is used to execute the GraphQL persisted queries that power the app. Learn how to use Adobe Experience Manager (AEM) as a Headless CMS (Content Management. All 3rd party applications can consume this data. Quick links. Adobe Experience Manager, a widely recognized CMS, provides a comprehensive suite of features and capabilities that make it an attractive choice for implementing Headless CMS solutions. Reference Setup: Developers, Administrators with AEM experience: 20 minutes: Headless hands-on tutorial: If you prefer a hands-on approach and are familiar with AEM, this tutorial dives directly into implementing a simple. Clients can send an HTTP GET request with the query name to execute it. supports headless CMS scenarios where external client applications render experiences using content managed in AEM. The content is then accessible via a RESTful API or GraphQL API for display on any device.