We’ll see both render props components and React Hooks in our example. Populates the React Edible components with AEM’s content. e. Documentation home. For building code, you can select the pipeline you. Generally you work with the content architect to define this. This allows developers to place SPA Editor-compatible components into the SPA views, and allow users to author the components’ content in AEM SPA Editor. Confirm with Create. The models available depend on the Cloud Configuration you defined for the assets. The next feature release (2023. In today’s series, we’re going to take a look at modeling basics in Adobe Experience Manager by first looking at the WKND Site. In a headless setup, the presentation system (the head) is decoupled from the content management (the tail). Experience Manager tutorials. Tutorial Set up. Last update: 2023-05-17. We set up headless content delivery and headless content management by using AEM’s GraphQL to deliver and Assets API to manage content (via… 4 min read · Sep 11 Achim KochIn this chapter, a new AEM project is deployed, based on the AEM Project Archetype. This means you can realize headless delivery of structured. Example applications are a great way to explore the headless capabilities of Adobe Experience Manager (AEM). An OSGi configuration for the Referrer Filter is needed to enable access to the GraphQL endpoint for headless applications. Included in the WKND Mobile AEM Application Content Package below. For further details, see our. AEM Headless Developer Portal. ” Tutorial - Getting Started with AEM Headless and GraphQL. Trigger an Adobe Target call from Launch. This means you can realize headless delivery of structured content for use in your applications. Command line parameters define: The AEM as a Cloud Service Author. 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. Get started with Experience Manager as a Cloud Service — get access and protect important data. A Common Case for Headless Content on AEM Let’s set the stage with an example. . Adobe Experience Manager (AEM) is the leading experience management platform. Hello and welcome to the Adobe Experience Manager Headless Series. Headless Developer Journey: Explore this guided journey through the powerful and flexible headless features of AEM to prepare for your first headless project. Merging CF Models objects/requests to make single API. AEM provides AEM React Editable Components v2, an Node. 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. AEM React Editable Components work with both SPA Editor or Remote SPA React apps. Last update: 2022-11-11. AEM offers the flexibility to exploit the advantages of both models in one project. The multi-line text field is a data type of Content Fragments that enables authors to create rich text content. This article builds on these so you understand how to create your own Content Fragment. Tap the ellipsis next to the environment in the Environments section, and select Developer Console. . Headful and Headless in AEM by Adobe Abstract Adobe Experience Manager projects can be implemented in both headful and headless models, but the choice isn’t binary. Discover the benefits of going headless and streamline your form creation process today. Navigate to the folder you created previously. Author and Publish Architecture. A modern content delivery API is key for efficiency and performance of Javascript-based frontend applications. Product abstractions such as pages, assets, workflows, etc. Tutorials by framework. Learn how to create and publish a headless form using Adobe Experience Manager's adaptive forms in this step-by-step guide. 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. Quick development process with the help. Topics: Content Fragments View more on this topic. Author in-context a portion of a remotely hosted React application. This journey lays out the requirements, steps, and approach to translate headless content in AEM. Adaptive Forms Core Components template The configured AEM service’s host/domain is then used to construct the AEM GraphQL API URLs and Image URLs. This is the same framework used to translate other AEM content, such as Pages, Experience Fragments, Assets, and Forms. Developer. 5. Last update: 2023-08-15. AEM GraphQL API requests. Scheduler was put in place to sync the data updates between third party API and Content fragments. The advanced tutorial illustrates in-depth aspects of working with Content Fragment Models, Content Fragments, and the AEM GraphQL persisted queries, including using the. Perform the following steps to create a Headless adaptive form using Adaptive Forms editor: Before you start: You require the following to create an Adaptive Form using Adaptive Forms editor: For AEM 6. Persisted GraphQL queries. Now that we’ve seen the WKND Site, let’s take a closer look at content modeling in Adobe Experience Manager. AEM Headless CMS Documentation. Logical. For publishing from AEM Sites using Edge Delivery Services, click here. The Single-line text field is another data type of Content. AEM Headless Translation Journey - This documentation journey gives you a broad understanding of headless technology, how AEM serves headless content, and how you can translate it. npm module; Github project; Adobe documentation; For more details and code. Meet our community of customer advocates. How to create. Up to 6. AEM Headless Translation Journey - This documentation journey gives you a broad understanding of headless technology, how AEM serves headless content, and how you can translate it. In this chapter, we replace the Home view’s title, “Current Adventures”, which is hard-coded text in Home. Topics: Content Fragments View more on this topic. With these operations the API lets you operate Adobe Experience Manager as a Cloud Service as a headless CMS (Content Management. Last update: 2023-05-17. View. Created for: Beginner. Remote SPA is an AEM-provided solution for externally hosted React applications to become editable within AEM. AEM React Editable Components work with both SPA Editor or Remote SPA React apps. Each guide builds on the previous, so it is recommended to explore them thoroughly and in order. If no helpPath is specified, the default URL (documentation. The project used in this chapter will serve as the basis for an implementation of the WKND SPA and is built upon in future chapters. Tap or click Create. Client type. 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. HTL as used in AEM can be defined by a number of layers. It is the main tool that you must develop and test your headless application before going live. Example applications are a great way to explore the headless capabilities of Adobe Experience Manager (AEM). Adobe Experience Manager's Referrer Filter enables access from third-party hosts. Documentation AEM 6. We have multiple ways for customers to get assets into Adobe Experience Manager and process them once in Adobe Experience Manager Assets. Adobe Experience Manager Sites lets marketers create content while allowing developers to focus on building and shipping code. 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 has multiple options for defining headless endpoints and delivering its content as JSON. If you are new to either AEM or headless, see Adobe’s Headless Documentation Journeys for an end-to-end introduction to both headless and how AEM supports it. Developer. Adobe Experience Manager (AEM) as a Cloud Service offers a set of composable services for the creation and management of high impact experiences. JANUARY 2019 | The hybrid architecture of Adobe Experience Manager 6 Experience Manager: A hybrid CMS Experience Manager takes a hybrid approach that offers the best of both worlds: the efficiency and ease of use of a traditional CMS combined with the flexibility and scalability of a headless development framework. Get Started with AEM Headless Translation. Authoring Basics for Headless with AEM. Q: “How is the GraphQL API for AEM different from Query Builder API?” A: “The AEM GraphQL API offers total control on the JSON output, and is an industry standard for querying content. 4. Logical architecture Adobe Experience Manager Sites lets marketers create content while allowing developers to focus on building and shipping code. The following are examples of possible approaches for constructing URLs for AEM GraphQL API and image requests, for several popular headless frameworks and platforms. AEM Headless client deployments take many forms; AEM-hosted SPA, external SPA, web site, mobile app, or even server-to-server process. Basic AEM Interview Questions. The multi-line text field is a data type of Content Fragments that enables authors to create rich text content. 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. Select Edit from the mode-selector. Additional Development ToolsIn 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. 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. With a headless implementation, there are several areas of security and permissions that should be addressed. A Common Case for Headless Content on AEM Let’s set the stage with an example. Navigate to Tools > General > Content Fragment Models. AEM Headless Developer Journey - Start here for a guided journey through the powerful and flexible headless features of AEM, their capabilities, and how to use. Documentation AEM as a Cloud Service User Guide Translate Headless Content. Developer. 5 user guides. Example applications are a great way to explore the headless capabilities of Adobe Experience Manager (AEM). We do this by separating frontend applications from the backend content management system. Documentation AEM 6. On the dashboard for your organization, you will see the environments and pipelines listed. Discover the benefits of going headless and streamline your form creation process today. NOTE. 5 AEM Headless Journeys AEM Headless Journeys. For a step-by-step guide to creating your own SPA, see the Getting Started with the AEM SPA Editor - WKND Events Tutorial. In the second step, you map your UI components or use a public UI components library, such as Google Material UI or Chakra UI to style your forms. 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. The following Documentation Journeys are available for headless topics. These remote queries may require authenticated API access to secure headless content delivery. You can drill down into a test to see the detailed results. In this case, /content/dam/wknd/en is selected. The ImageRef type has four URL options for content references: _path is the referenced path in AEM. Integrate AEM Author service with Adobe Target. Now that we’ve seen the WKND Site, let’s take a closer look at content modeling in Adobe Experience Manager. Learn how to create and publish a headless form using Adobe Experience Manager's adaptive forms in this step-by-step guide. Available for use by all sites. The journey may define additional personas with which the translation specialist must interact, but the point-of. Developer. Getting Started with AEM Headless as a Cloud Service;. Enter the following values on the Text tab: Card Path - choose a page beneath the SPA homepage. Adobe’s visual style for cloud UIs, designed to provide consistency. Adobe Experience Manager (AEM) Sites is a leading experience management platform. The Adaptive Forms Core Components are a set of 24 open-source, BEM-compliant components that are built on the foundation of the Adobe Experience Manager WCM Core Components. The touch-enabled UI is the standard UI for AEM. The AEM SDK. You can use existing JSON schemas to create adaptive forms. The journey may define additional personas with which the translation specialist must interact, but the point-of-view for. 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. This React application demonstrates how to query content using AEM’s GraphQL APIs using persisted queries. This end-to-end tutorial continues the basic tutorial that covered the fundamentals of Adobe Experience Manager (AEM) Headless and GraphQL. 5 with the hope of using the WYSIWYG content editing to quickly produce and release content decoupled from. AEM 6. Sean Steimer and Kelvin Xu talk about Experience Manager Headless and App Builder. The two only interact through API calls. Create Content Fragment Models. AEM Headless GraphQL Video Series Learn about AEM’s GraphQL capabilities through the in-depth walk-through of Content Fragments and and AEM’s GraphQL APIs and development tools. AEM Headless Translation Journey - This documentation journey gives you a broad understanding of headless technology, how AEM serves headless content, and how you can translate it. Permissions and personas can broadly be considered based on the AEM environment Author or Publish. This document provides and overview of the differen. Answer: To expose data, we can use - SlingModelExporters with Components OR - GraphQL with content fragments . Content models. In this part of the AEM Headless Developer Journey, learn about headless technology and why you would use it. AEM Headless as a Cloud Service. The power of AEM allows it to deliver content either headlessly, full-stack, or in both. com In this part of the AEM Headless Developer Journey, learn about headless technology and why you would use it. Understanding how to add properties and content to an existing component is a powerful technique to expand the capabilities of an AEM SPA Editor implementation. Wrap the React app with an initialized ModelManager, and render the React app. 5 or later. This end-to-end tutorial continues the basic tutorial that covered the fundamentals of Adobe Experience Manager (AEM) Headless and GraphQL. For more details and code samples for AEM React Editable Components v2 review the technical documentation: Integration with AEM documentation; Editable component documentation; Helpers documentation; AEM pages. AEM provides several tools and resources for creating workflow models, developing workflow steps, and for programmatically interacting with workflows. Developer tools. Core Components View more on this topic. 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. 5 Granite materials apply to AEMaaCS) Coral UI. API. It allows easier categorization and organization of assets and it helps people who are looking for a specific asset. In the future, AEM is planning to invest in the AEM GraphQL API. Start building dynamic, responsive forms that work seamlessly across devices with Adobe Experience Manager Headless Adaptive Forms. AEM Headless APIs allow accessing AEM content. This end-to-end tutorial continues the basic tutorial that covered the fundamentals of Adobe Experience Manager (AEM) Headless and GraphQL. We do this by separating frontend applications from the backend content management system. Use GraphQL schema provided by: use the drop-down list to select the required configuration. As a result, I found that if I want to use Next. Developer. Content Fragments Support in AEM Assets HTTP API feature helped us to solve the multiple challenges and provide a seamless headless delivery. See full list on experienceleague. Navigate to Tools, General, then select GraphQL. AEM 6. Tap Create new technical account button. Select the Content Fragment Model and select Properties form the top action bar. Building a React JS app in a pure Headless scenario. Feel free to suggest topics that will be added in these sections to improve AEM CQ5 Tutorial list further for AEM Beginners and. Created for:. AEM as a Cloud Service and AEM 6. This is the same framework used to translate other AEM content, such as Pages, Experience Fragments, Assets, and Forms. 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. In today’s series, we’re going to take a look at modeling basics in Adobe Experience Manager by first looking at the WKND Site. $ cd aem-guides-wknd-spa. Each environment contains different personas and with. Looking for a hands-on tutorial? Documentation AEM 6. The configured AEM service’s host/domain is then used to construct the AEM GraphQL API URLs and Image URLs. Community. With GraphQL for Content Fragments available for Adobe Experience Manager 6. Let’s take a look to see how content fragment models and content fragments can help you with your AEM sites and headless use cases. Content models. 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. It also provides an optional challenge to apply your AEM. Documentation AEM AEM Tutorials AEM Headless Tutorial Add editable React container components to a Remote SPA. AEM Headless as a Cloud Service. Topics: Content Fragments View more on this topic. Manage metadata of your digital assets. . The Cloud Manager landing page lists the programs associated with your organization. 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. Prior to starting this tutorial ensure the following AEM instances are installed and running on your local machine: For more details and code samples for AEM React Editable Components v2 review the technical documentation: Integration with AEM documentation; Editable component documentation; Helpers documentation; AEM pages. Workflows are. The AEM Headless SDK is available for various platforms: AEM Headless SDK for client-side browsers (JavaScript) AEM Headless SDK for server-side/Node. Populates the React Edible components with AEM’s content. One of the major goals for AEM as a Cloud Service is to allow experienced customers (having used AEM either on-premise or in the context of the Adobe Managed Services) to migrate to AEM as a Cloud Service as. In 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. For more information on the AEM Headless SDK, see the documentation here. On the Tests panel, tap or click either the Run all tests button or the Run tests button below the title of the Test Suite that you want to run. GraphQL API View more on this topic. But AEM 6,5 allows us to Create Content Fragments directly. Define the structure of the content you will create and serve using AEM's headless capabilities by using Content Fragment Models. It is assumed that you are running AEM Forms version 6. HTL Layers. With GraphQL for Content Fragments available for Adobe Experience Manager 6. The configured AEM service’s host/domain is then used to construct the AEM GraphQL API URLs and Image URLs. zip. js-based SDK that allows the creation of React components, that support in-context component editing using AEM SPA Editor. For other programming languages, see the section Building UI Tests in this document to set up the test project. Level 2 7/27/23 12:24:37 AM. 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. 4, we needed to create a Content Fragment Model and create Content Fragments from it. We’ll guide you through configuring your React app to connect to AEM Headless APIs using the AEM Headless SDK. Example applications are a great way to explore the headless capabilities of Adobe Experience Manager (AEM). CTA Text - “Read More”. A working instance of AEM with Form Add-on package installed. At the beginning of the AEM Headless Content Author Journey the Content Modeling Basics for Headless with AEM covered the basic concepts and terminology relevant to authoring for headless. Perform the following steps to create a Headless adaptive form using Adaptive Forms editor: Before you start: You require the following to create an Adaptive Form. Introduction AEM has multiple options for defining headless endpoints and delivering its content as JSON. Moving forward, AEM is planning to invest in the AEM GraphQL API. 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 execution flow of the Node. The AEM Headless SDK is available for various platforms: AEM Headless SDK for client-side browsers (JavaScript) AEM Headless SDK for server-side/Node. The React App in this repository is used as part of the tutorial. In Edit mode, add the Card component to the Layout Container: Drag and drop an image from the Asset finder onto the Card component: Open the Card component dialog and notice the addition of a Text Tab. DevelopingFor the purposes of this getting started guide, we will only need to create one. Learn how to create adaptive forms using JSON schema as form model. At the beginning of the AEM Headless Content Author Journey the Content Modeling Basics for Headless with AEM covered the basic concepts and terminology relevant to authoring for headless. See these guides, video tutorials, and other learning resources to implement and use AEM 6. It is exposed at /api/assets and is implemented as REST API. This endpoint can use all Content Fragment Models from all Sites configurations (defined in the Configuration Browser ). When constructing a Commerce site the components can, for example, collect and render information from the. html with . 1. e. So let’s go ahead and understand the traditional and headless architecture briefly. Content Fragment Models Basics and Advanced features such as different Data types and respective usages. AEM Gem session Search forms made easy with the AEM querybuilder for a detailed overview of the. The response of a GET request can be cached at the Dispatcher and Content Delivery Network (CDN) layers, ultimately improving the performance. Documentation. In the previous document of the AEM headless journey, Path to Your First Experience Using AEM Headless, you then learned the steps needed to implement your first project. Tap the Local token tab. Adobe Experience Manager as a Cloud Service’s Cross-Origin Resource Sharing (CORS) facilitates non-AEM web properties to make browser-based client-side calls to AEM’s GraphQL APIs, and other AEM Headless resources. The advanced tutorial illustrates in-depth aspects of working with Content Fragment Models, Content Fragments, and the AEM GraphQL persisted queries, including using the. Headless Architect Journey - Start here for an introduction to the powerful, and flexible, headless features of Adobe Experience Manager as a Cloud Service, and how to model content for your project. Scenario 1: Personalization using AEM Experience Fragment Offers. AEM WCM Core Components 2. In the previous chapter, you created and updated persisted queries using GraphiQL Explorer. Adobe Experience Manager projects can be implemented in both headful and headless models, but the choice is not binary. json to be more correct) and AEM will return all the content for the request page. Using no Adobe Experience Manager coding, define structured content using Content Fragment Models, relationships between them,. Developing. 1. An introduction to the headless features of Adobe Experience Manager, and how to author content for your project. This shows that on any AEM page you can change the extension from . AEM provides a Translation Integration Framework for headless content, allowing Content Fragments and supporting assets to be easily translated for use across locales. For further details about the dynamic model to component mapping and. This document provides and overview of the different models and describes the levels of SPA integration. Content Fragments used in AEM Headless content modeling, often reference image assets intended for display in the headless experience. How to use AEM provided GraphQL Explorer and API endpoints. The classic UI was deprecated with AEM 6. json (or . AEM 6. Deploying a SPA that interacts AEM in a headless manner involves hosting the SPA and making it accessible via a web browser. This does not mean that you don’t want or need a head (presentation), it. To browse the fields of your content models, follow the steps below. Ensure that UI testing is activated as per the section Customer Opt-In in this document. Populates the React Edible components with AEM’s content. js with a fixed, but editable Title component. AEM Interview Questions. This multi-part tutorial walks through the implementation of a React application for a fictitious lifestyle brand, the WKND. The completed SPA, deployed to AEM, can be dynamically authored with traditional in. This document helps you understand how to get started translating headless content in AEM. Clicking the name of your test in the Result panel shows all details. References to other content, such as images or other Content Fragments can be dynamically inserted in-line within the flow of the text. View the source code on GitHub. Next, explore the power of AEM’s GraphQL API using the built-in GraphiQL Explorer. AEM local setup Minimum System Requirements. AEM Headless Tutorials - Use these hands-on tutorials to explore how to use the various options for delivering content to headless endpoints with AEM and chose what. AEM Headless Translation Journey - This documentation journey gives you a broad understanding of headless technology, how AEM serves headless content, and how you can translate it. 10. Basically a Hybrid Architecture is a combination of the concepts of traditional and headless CMSs into a single architecture. Adobe Experience Manager projects can be implemented in both headful and headless models, but the choice is not binary. In terms of. Tap the Technical Accounts tab. Manage GraphQL endpoints in AEM. AEM Headless deployments. This guide describes how to create, manage, publish, and update digital forms. AEM Headless Developer Journey by Adobe Abstract 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 headless development project. Learn how AEM can go beyond a pure headless use case, with options for in-context authoring and experience management. The AEM SDK. Using no Adobe Experience Manager coding, define structured content using Content Fragment Models, relationships between them,. This React application demonstrates how to query content using AEM’s GraphQL APIs using persisted queries. The Headless implementation of AEM uses Content Fragments Models and Content Fragments to focus on the creation of structured, channel-neutral, and reusable fragments of content and their cross-channel delivery. learn about headless technology and why you would use it. Learn how to create a SPA using the React JS framework with AEM's SPA Editor. Tutorial Set up. , reducers). The WKND Site is an Adobe Experience Manager sample reference site. Build complex component. js application run from the command line to update asset metadata on AEM as a Cloud Service using Assets HTTP API. 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. Type: Boolean. Prerequisites. We’ll guide you through configuring your React app to connect to AEM Headless APIs using. Documentation AEM as a Cloud Service User Guide Translate Headless Content. In a typical development cycle, you start with creating and hosting Headless adaptive forms on Adobe Experience Manager Forms Server. Example applications are a great way to explore the headless capabilities of Adobe Experience Manager (AEM). Or in a more generic sense, decoupling the front end from the back end of your service stack. To use this, endpoints must be defined and enabled in AEM, and if necessary, the GraphiQL interface installed. A primary use case for The Adobe Experience Manager as a Cloud Service (AEM) GraphQL API for Content Fragment Delivery is to accept remote queries from third-party applications or services. Then Getting Started with AEM Headless as a Cloud Service described AEM Headless in the context of your own project. js-based SDK that allows the creation of React components, that support in-context component editing using AEM SPA Editor. 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. Remember that headless content in AEM is stored as assets known as Content Fragments. For Java and WebDriver, use the sample code from the AEM Test Samples repository. Headless Authoring Journey - Start here for a guided journey through the powerful and flexible headless features of AEM, their capabilities, and how. Tap Home and select Edit from the top action bar. What Is Adobe AEM? Adobe AEM is a powerful CMS used to create, edit, and manage digital content across various channels. The new architecture supporting AEM as a Cloud Service involves some key changes to the overall developer experience. Headless Authoring Journey - Start here for a guided journey through the powerful and flexible headless features of AEM, their capabilities, and how to model your. The. Tap Get Local Development Token button. This journey is designed for the translation specialist persona, often referred to as the Translation Project Manager or TPM. 4. AEM Headless Translation Journey - This documentation journey gives you a broad understanding of headless technology, how AEM serves headless content, and how you can translate it. The GraphiQL Explorer tool enables developers to create, and test queries against content on the current AEM environment. GraphQL Persisted Queries. Implement and use your CMS effectively with the following AEM docs. The AEM Headless Client for JavaScript is used to execute the GraphQL persisted queries that power the app. 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.