An end-to-end tutorial illustrating how to build-out and expose content using AEM Content Services in a headless CMS scenario.

AEM Content Services output to destinations other than AEM pages, of content below page level (assets, fragments), in formats including but not limited to HTML, specifically now also JSON.

This tutorial explores the use of using AEM Content Services to build, manage and define FAQs (Frequently Asked Questions) for AEM's reference implementation We.Retail brand.

This tutorial will cover the following topics:

  • The AEM package installation steps required to enable AEM Content Services.
  • Creating FAQ content using Content Fragment Models.
  • Defining AEM Content Services end-points using AEM Sites' Templates and Pages.
  • Consuming AEM Content Services from a 3rd party React JavaScript app.

AEM Content Services tutorial overview


Prerequisites

Prior to starting this tutorial ensure the following AEM instances are installed and running on your local machine:

  • AEM Author on port 4502
  • AEM Publish on port 4503
    • If an AEM Publish cannot be stood up, install packages Part 6b or All on AEM Author to allow anonymous access from the FAQ app. The anonymous access is only provided to reduce the tutorial requirements and AEM Content Services content should be delivered via AEM Publish in production.

In Part 7 of the tutorial, you will be asked to install a local Web server to run the 3rd Party FAQ React App. Ensure you have permissions to do so on your machine. Note, a Web server via Chrome Browser Extension is available and may require lesser permissions to install.

Tutorial table of contents

Tutorial downloads

All of the downloads below are available throughout the tutorial. 

Do note that certain AEM Packages are for AEM Author ONLY and Part 6 is for AEM publish ONLY.

The aem-content-services-tutorial.all package contains Parts 2-5, and is meant to provide a single packaged install for AEM Author.

AEM packages

If an AEM Publish cannot be stood up, install packages Part 6b (or All  below) on AEM Author to allow anonymous access from the FAQ app. The anonymous access is only provided to reduce the tutorial requirements and AEM Content Services content should be delivered via AEM Publish in production.

The all package can be installed on both AEM Author and/or AEM Publish. When installing on AEM Author, it installs the content form Part6b which allows anonymous access to AEM Author. The anonymous access is only provided to reduce the tutorial requirements and AEM Content Services content should be delivered via AEM Publish in production.

FAQ React App

This work is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License  Twitter™ and Facebook posts are not covered under the terms of Creative Commons.

Legal Notices   |   Online Privacy Policy