Next, explore the power of AEM’s GraphQL API using the built-in GraphiQL IDE. 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. What is Headless CMS CMS consist of Head and Body. Learn how to create, manage, deliver, and optimize digital assets. Document Cloud release notes. In a headless setup, the presentation system (the head) is decoupled from the content management (the tail). Introduction AEM has multiple options for defining. An end-to-end tutorial illustrating how to build-out and expose content using AEM Headless. Get AEM Cloud Services support guides and learn more about getting started or finding a solution. . Understanding of the translation service you are using. 5 Granite materials apply to AEMaaCS) Coral UI. The Content author and other. supports headless CMS scenarios where external client applications render experiences using content managed in AEM. In this case, there are no AEM Templates, but AEM Components may be there connecting the new front end with AEM Data store. Developers need to ensure that their documentation is clear and concise to help other developers understand how the application works. View the source code. Headless Content Renders and GraphQL API. This can be done under Tools -> Assets -> Content Fragment Models. AEM Technical Foundations. Creating Content Fragment Models. Document Cloud release notes. 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. We have come up with a comprehensive step-by-step guide to help you out while working on AEM 6. Get to know how to organize your headless content and how AEM’s translation tools work. (AEM) It is another headless CMS solution that allows businesses to create, manage,. Due to this approach, a headless CMS does not. infinity. What Is Adobe AEM? Adobe AEM is a powerful CMS used to create, edit, and manage digital content across various channels. The Story so Far. 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. It should appear in the drop-down list when you have installed its package as described previously. Documentation: Documenting headless applications can be challenging since there is no UI to provide context. Adobe Experience Manager as a Headless CMS - Where/When/Why?In this session, you'll learn how to implement headless CMS via Adobe Experience Manager in many ways. 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. 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. API Reference. The different roles to enable the headless content. Adobe Experience Manager as a Cloud Service. For more detail on ContextHub, see the developer documentation. This document. Select Adobe Target at. With Headless Adaptive Forms, you can streamline the process of building forms, making it easier to collect data from your users. AEM offers a wide range of advantages for businesses looking to streamline their content creation, management, and publishing workflows: Flexible content delivery. js. We’re excited to tell you about Adobe Developers Live, a one-day online event all about Adobe Experience Manager. This tutorial explores how AEM’s GraphQL APIs and headless capabilities can be used to power the experiences surfaced in an external app. Learn how to model content and build a schema with Content Fragment Models in AEM. Adobe Experience Manager Sites Features Headless CMS Developers and business users have the freedom to create and deliver content using headless or headful models out of the box, letting them structure and deliver content to any front-end framework. Open the GraphiQL Explorer and click the ellipses (…) next to the persistent query, then click Headers to open Cache Configuration modal. Visit the AEM Headless developer resources and documentation. Experience Manager as a Cloud Service provides a scalable, secure, and agile technology foundation for Experience Manager Sites and Assets, enabling marketers and IT to focus on delivering impactful experiences at scale. The GraphiQL tool enables developers to create and test queries against content on the current AEM environment. Components that both creators and developers can use. Know the prerequisites for using AEM’s headless features. ”. Created for: Beginner. Adobe Experience Manager Sites is an industry-leading headless content management system (CMS), which makes it easy for your marketing and IT teams to create and deliver personalized content. A modern content delivery API is key for efficiency and performance of Javascript-based frontend applications. 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. There are many more resources where you can dive deeper for a. As a CMS Adobe AEM specialist, I was asked to lead the CMS team and guide them throughout a migration from AEM 6. Contentful: Contentful adopts a headless CMS architecture, decoupling content creation from presentation. 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. A headless CMS exposes content through well-defined HTTP APIs. This user guide contains videos and tutorials helping you maximize your value from AEM. Tutorial - Getting Started with AEM Headless and GraphQL. You’ll find a range of AEM Cloud Services documentation and tutorials here to help you. The diagram above depicts this common deployment pattern. 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. With Headless Adaptive Forms, you can streamline the process of building forms, making it easier to collect data from your users. Learn about Creating Content Fragment Models in AEM The Story so Far. A little bit of Google search got me to Assets HTTP API. Content Fragment Models define the elements (or fields) that define what content the Content Fragment may capture and expose. In this part of the AEM Headless Developer Journey, learn about headless technology and why you would use it. This tutorial uses a simple native Android Mobile App to consume and display Event content exposed by AEM Content Services. 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. This document provides an overview of the different models and describes the levels of SPA integration. [Session 1 | AEM Headless - Sites] Expose Content Fragment using GraphQL API to downstream Application. Cockpit is a free, open-source and self-hosted headless CMS that describes itself as a “content provider” and “not a website builder. When combined with React, a headless CMS can offer several. With Headless Adaptive Forms, you can streamline the process of building forms, making it easier to collect data from your users. Here you can enter various key details. Tutorials by framework. We are looking for people that are passionate about the CMS technology space with deep product knowledge and domain thought-leadership that can bring unique value to. AEM Headless CMS – GraphQL by Mujafar Shaik Abstract Hello everyone, Today I came with an exciting topic, AEM Headless CMS with GraphQL. NOTE. while assuming minimal prior topic or AEM knowledge. In this part of the AEM Headless Developer Journey, learn about what is required to get your own project started with AEM Headless. Length: 34 min. As Edge Delivery Services are part of Adobe Experience Manager and as such, Edge Delivery, AEM Sites and AEM Assets can co-exist on the same domain. The actual root cause was the CSRF filter blocking the requests in AEM Author, the path white listing looks to be not enabled while upgrading from 6. AEM Headless Client for Node. Additional. Learn how to use features like Content Models, Content Fragments, and a GraphQL API to power headless content delivery. If auth is not defined, Authorization header will not be set. The site creation wizard starts. Efficiently manage and scale documentation, support content creation, and publish faster with a. You'll learn about common use cases as well as a peek on how to. 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. Documentation Journeys are designed around best practices principles, informed by Adobe’s latest research, proven implementation experience from Adobe. Adaptive Forms Core Components. It is not intended as a getting-started guide. It includes new asset upload module, API reference, and information about the support provided in post-processing workflows. This document gives a detailed overview of the various parts that make up AEM and is intended as a technical appendix for a full-stack AEM developer. Adobe Experience Manager projects can be implemented in both headful and headless models, but the choice is not binary. Understand Headless in AEM; Learn about CMS Headless Development; Getting Started with AEM Headless as a Cloud Service; Path to your first experience. With Adobe Experience Manager version 6. It's a back-end-only solution that. Sign In. Understand Headless in AEM; Learn about CMS Headless Development;. A collection of documentation journeys describing how to use Adobe Experience Manager as a Headless CMS. Nikunj Merchant. Learn how to use Adobe Experience Manager (AEM) as a Headless CMS (Content Management System), with features such as Content Fragment Models, Content Fragments, and a GraphQL API that together power headless experiences at scale. The use of Android is largely unimportant, and the consuming mobile app. Select the Extension Catalog option, and search for Target in the filter. After reading you should: Understand. Experience Fragments in Adobe Experience Manager Sites authoring. Paste the extraction key that was copied from CAM earlier into the Extraction key input field of Create Migration Set form. This does not mean that you don’t want or need a head (presentation), it’s that. 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. com At One Inside, our expertise relies on the implementation of the Adobe CMS, Adobe Experience Manager (AEM). supports headless CMS scenarios where external client applications render experiences using content managed in AEM. This enablement is done in the Configuration Browser; under Tools -> General -> Configuration Browser. With Adobe Experience Manager (AEM), you can selectively access your Content Fragments, using the AEM GraphQL API, to return only the content that you need. 0+ version supports GraphQL API to expose the Content Fragment to enable the headless content experience. 5. Last update: 2023-08-16. This approach enables the CMS to live up to the promise of managing content in place and publishing anywhere. 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. 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. e. API. 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. When your reader is online, your targeting engine will review the. From the sites console, tap or click Create at the top-right of the screen and select Site from template in the drop-down. Experience Cloud Advocates. Content Services: Expose user defined content through an API in JSON format. If auth is not defined, Authorization header will not be set. The advanced tutorial illustrates in-depth aspects of working with Content Fragment Models, Content Fragments, and the AEM GraphQL persisted queries, including using the. Developer. At the start, you must enable Content Fragment Models for your site. The frontend, which is developed and maintained independently, fetches. This exceptional AEM GEMs session features two speakers who are operating AEM as customers. Documentation AEM 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. Price: Free. Last update: 2023-06-23. It is the main tool that you must develop and test your headless application before going live. Navigate to Navigation -> Assets -> Files. . Tap in the Integrations tab. ) that is curated by the. With these operation the API lets you operate Adobe Experience Manager as a headless CMS (Content Management System) by providing Content Services to a. Create Content Fragments based on the. cors. granite. This involves structuring, and creating, your content for headless content delivery. Provide a Model Title, Tags, and Description. Documentation AEM as a Cloud Service User Guide Creating Content. Adobe Experience Manager, the leading headless CMS* by Adobe Abstract Adobe Experience Manager is a headless CMS, who knew? Let's explore why organisations are evaluating headless content delivery and how AEM can help. Documentation. This document provides and overview of the different models and describes the levels of SPA integration. A headless CMS (Content Management System) is a content management system that allows you to manage and distribute content across multiple channels, such as websites, mobile apps, and social media platforms, without being tied to a specific presentation layer. 5 (the latest version). Select Create. First, explore adding an editable “fixed component” to the SPA. Experience Manager tutorials. impl. 5 The headless CMS extension for AEM was introduced with version 6. Content Fragments architecture. 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 them on your first development project. They can be used to access structured data, including texts, numbers, and dates, amongst others. There are a number of requirements before you begin translating your headless AEM content. Explore tutorials by API, framework and example applications. Contributing. Log into AEM as a Cloud Service and from the main menu select Tools > General > Configuration Browser. For publishing from AEM Sites using Edge Delivery Services, click here. Learn how AEM can go beyond a pure headless use case, with options for in-context authoring and experience management. 5 user guides. Learn key concepts for creating content and authoring in AEM. The new architecture supporting AEM as a Cloud Service involves some key changes to the overall developer experience. A little bit of Google search got me to Assets HTTP API. Topics: Content Fragments. Adobe’s visual style for cloud UIs, designed to provide consistency. With Adobe Experience Manager as a Cloud Service (AEM) you can create a selection of content, then specify which audiences (groups of end-users) see each individual experience. Cockpit. These are defined by information architects in the AEM Content Fragment Model editor. 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. Tap Get Local Development Token button. . Last update: 2023-06-27. Deeply Organized Tags - With the ability to create tags and sub-tags it becomes possible to. Last update: 2023-06-23. 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. Headless CMS. Headless Authoring Journey - Start here for a guided journey through the powerful and flexible headless features of AEM, their capabilities, and how. The power of AEM allows it to deliver content either headlessly, full-stack, or in both. Get to know how to organize your headless content and how AEM’s translation tools work. With Experience Manager as a Cloud Service, your teams can focus on innovating instead of planning for product. 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 our case it will be AEM but there is no head, meaning we can decide the head on our own. The new architecture supporting AEM as a Cloud Service involves some key changes to the overall developer experience. Welcome to the documentation for developers who are new to Adobe Experience Manager. Courses Recommended courses Recommended coursesReact has three advanced patterns to build highly-reusable functional components. The AEM Headless Client for JavaScript is used to execute the GraphQL persisted queries that power the app. Contributing. 4. AEM Headless Developer Journey. 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. With Headless Adaptive Forms, you can streamline the process of building forms, making it easier to collect data from your users. Content fragment via asset API (demo) Content fragment via graphql (demo) Some real-time use cases around using content fragments and their approaches. 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 session dedicated to the query builder is useful for an overview and use of the tool. This tutorial explores how AEM’s GraphQL APIs and headless capabilities can be used to power the experiences surfaced in an external app. User. Authorization. A modern content delivery API is key for efficiency and performance of Javascript-based frontend. AEM as a Cloud Service GraphQL API used with Content Fragments is heavily based on the standard, open source GraphQL API. When combined with React, a headless CMS can offer several. 5, or to overcome a specific challenge, the resources on this page will help. Learn how to bootstrap the SPA for AEM SPA Editor. Courses Recommended courses Tutorials Events Instructor-led training Browse content library View all learning options. 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 them on your first development project. Headless CMS. The AEM Headless Client for JavaScript is used to execute the GraphQL persisted queries that power the app. Discover the Headless CMS capabilities in Adobe Experience Manager. The. 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. AEM WCM Core Components 2. A little bit of Google search got me to Assets HTTP API. It is a traditional, monolithic CMS with a content-as-a-service (CaaS) API. 5. Learn about the concepts and mechanics of authoring content for your Headless CMS using Content Fragments. A headless CMS remains with an interface to add content and a RESTful API (JSON, XML) to deliver content wherever you need it. Storyblok is an enterprise-level Headless Content Management System with the Visual Editor. What you need is a way to target specific content, select what you need and return it to your app for further processing. Have a working knowledge of AEM basic handling. Answer: To expose data, we can use - SlingModelExporters with Components OR - GraphQL with 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. Create your first React Single Page Application (SPA) that is editable in Adobe Experience Manager AEM with the WKND SPA. See Wikipedia. the website) off the “body” (the back end, i. Authors want to use AEM only for authoring but not for. A Content author uses the AEM Author service to create, edit, and manage content. Resource Description Type Audience Est. The Story So Far. Documentation AEM as a Cloud Service User Guide Create an API Request - Headless Setup. Objective. Notice the configuration window with the Target account credentials imported, and. Contributions are welcome! Read the Contributing Guide for more information. Use a language/country site naming convention that follows W3C standards. The best practice is a language-based structure with no more than 3 levels between the top-level authoring and country sites. This document provides and overview of the different models and describes the levels of SPA integration. 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. 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. Experience Fragments. This tutorial uses a simple native Android Mobile App to consume and display Event content exposed by AEM Content Services. Experience League. 5. ) that is curated by the. The option Enable model is activated by default. Creating a. This means your content can reach a wide range of devices, in a wide range of formats and with a. Contribute to adobe/aem-headless-client-nodejs development by creating an account on GitHub. 03-31-2023. Get a free trial. of the application. In terms of authoring Content Fragments in AEM this means that:Developer. while assuming minimal prior topic or AEM knowledge. In simpler words, the headless CMS separates the content from the presentation layer and allows you to manage content using APIs. the content repository). Included in. This article builds on these so you understand how to create your own Content Fragment. The power of AEM allows it to deliver content either headlessly, full-stack, or in both. Introduction to AEM as a Headless CMS; AEM Headless tutorials - If you prefer to learn. This means you can realize headless delivery of. With Headless Adaptive Forms, you can streamline the process of building forms, making it easier to collect data from your users. Explore what's possible with App Builder and ask us everything you want to know. We’ll see both render props components and React Hooks in our example. . 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. Authoring Basics for Headless with AEM. Documentation. An implementation of the standard GraphiQL IDE is available for use with the GraphQL API of Adobe Experience Manager (AEM) as a Cloud Service. Documentation journeys show you how AEM solves a business problem by providing a narrative that guides you through complex, interrelated processes and features. 3 and has improved since then, it mainly consists of the following components: 1. The two only interact through API calls. Configure the ContextHub toolbar to control whether it appears in Preview mode, to create ContextHub stores, and add UI modules. 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. What you need is a way to target specific content, select what you need and return it to your app for further processing. AEM must know where the remotely-rendered content can be retrieved. Under Cloud Service Configurations in the Add Configuration drop-down list, select your connector. Mar 20, 2023. Select the Configure button. Headless CMS advantages: • Scales efficiently to multiple channels and unlocks. Example applications are a great way to explore the headless capabilities of Adobe Experience Manager (AEM). Introduction to Adobe Experience Manager as a Headless CMS {#introduction-aem-headless} Learn how to use Adobe Experience Manager (AEM) as a Headless CMS (Content Management System), with features such as Content Fragment Models, Content Fragments, and a GraphQL API that together power headless experiences at scale. 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. Regardless of which model you choose to implement for SSR,, you need to specify to AEM how to access this remote rendering service. To support the headless CMS use-case. Australian retailer Big W is moving full speed ahead with Adobe Experience Manager Headless CMS. 5 Granite materials apply to AEMaaCS) Coral UI. Meet our community of customer advocates. 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. Enable developers to add automation. For example, Adobe Experience Manager’s (AEM) interface handles lots of content, but its data-heavy back-end can make pages slow to load for. Introduction to AEM Forms as a Cloud Service. This means that you are targeting your personalized experiences at specific audiences. For AEM SPA Editor to integrate a SPA into it’s authoring context, a few additions must be made to the SPA. AEM as a Cloud Service technical documentation - If you already have a firm understanding of AEM and headless technologies, you may want to. Content Fragments Support in AEM Assets HTTP API feature helped us to solve the multiple challenges and provide a seamless headless delivery. It is simple to create a configuration in AEM using the Configuration Browser. 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 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. 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. Contributing. This grid can rearrange the layout according to the device/window size and format. Next-generation Adobe Experience Manager enables any authorized team member to edit a brand’s web and mobile content using popular productivity tools including Microsoft Word and Google Docs Integration of AEM Assets with Adobe Firefly and Adobe Express enable marketers to instantly change image components such as colors, objects. AEM Content Fragments work together with the AEM GraphQL API (a customized implementation,. Experience Cloud release notes. 10. Product abstractions such as pages, assets, workflows, etc. I'd like to know if anyone has links/could point me in the direction to get more information on the following - To support the headless CMS use-case. AEM Headless Client for Node. 5 Developing Guide Responsive design for web pages. After you do this, the Migration set. The Story So Far. html with . You have learned the basics of Headless CMS Authoring, with an introduction to authoring with AEMaaCS and in particular, authoring Content Fragments. Why would you need a headless CMS? IT is looking to address Agility and Flexibil. AEM offers the flexibility to exploit the advantages of both models in one project. Tap the Technical Accounts tab. Experience Cloud release notes. 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. This tutorial explores. This involves structuring, and creating, your content for headless content delivery. This user guide contains videos and tutorials helping you maximize your value from AEM. API. 16. Organizing Content - Tagging makes life easier for authors as they can quickly organize content with little effort. After selecting this you navigate to the location for your model and select Create. Scheduler was put in place to sync the data updates between third party API and Content fragments. 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. 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 gives developers some freedom (powered by a. Content Fragments: Allows the user to add and. Documentation. Select the Content Fragment Model and select Properties form the top action bar. AEM as a Cloud Service and AEM 6. In this session, we will be joined by Thomas Reid from Australian retailer Big. The AEM Headless Client for JavaScript is used to execute the GraphQL queries that power the app. 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. 5. An end-to-end tutorial illustrating how to build-out and expose content using AEM Headless. The term “headless” comes from the concept of chopping the “head” (the front end, i. Persisted queries are queries that are stored on the Adobe Experience Manager (AEM) server. A headless CMS exposes content through well-defined HTTP APIs. Innovating with Headless Integrations; A glance into a Commerce Developer’s Toolkit; Closing Remarks; November - Headless. Experience Cloud Advocates. ” Tutorial - Getting Started with AEM Headless and GraphQL. 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. 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 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. What Makes AEM Headless CMS Special. Develop your test cases and run the tests locally. AEM as a Cloud Service GraphQL API used with Content Fragments is heavily based on the standard, open source GraphQL API. This article builds on these so you understand how to model your content for your AEM headless. Select Create. This end-to-end tutorial continues the basic tutorial that covered the fundamentals of Adobe Experience Manager (AEM) Headless and GraphQL. Description.