51黑料不打烊

Getting Started with AEM Headless - GraphQL

An end-to-end tutorial illustrating how to build-out and expose content using AEM鈥檚 GraphQL APIs and consumed by an external app, in a headless CMS scenario.

This tutorial explores how AEM鈥檚 GraphQL APIs and headless capabilities can be used to power the experiences surfaced in an external app.

This tutorial covers the following topics:

  • Create a Project Configuration
  • Create Content Fragment Models to model data
  • Create Content Fragments based on the previously made models.
  • Explore how Content Fragments in AEM can be queried using the integrated GraphiQL development tool.
  • To store or persist the GraphQL queries to AEM
  • Consume persisted GraphQL queries from a sample React app

Prerequisites prerequisites

The following are required to follow this tutorial:

  • Basic HTML and JavaScript skills

  • The following tools must be installed locally:

    • An IDE (for example, )

AEM Environment

To complete this tutorial, it is recommended that you have AEM Administrator access to an AEM as a Cloud Service environment. If you do not have access to an AEM as a Cloud Service environment, please to explore AEM鈥檚 headless capabilities.

Let鈥檚 get started!

Start the tutorial with Defining Content Fragment Models.

GitHub Project

The source code, and content packages are available on the .

If you find an issue with the tutorial or the code, leave a .

recommendation-more-help
e25b6834-e87f-4ff3-ba56-4cd16cdfdec4