Welcome to the multi-part tutorial for developers looking to augment an existing React-based (or Next.js) Remote SPAs with editable AEM content using AEM SPA Editor.
This tutorial builds upon the WKND GraphQL App, a React app that consumes AEM Content Fragment content over AEM’s GraphQL APIs, however does not provide any in-context authoring of SPA content.
About the tutorial
The tutorial intended to illustrate how a Remote SPA, or a SPA running outside the context of AEM, can be updated to consume and deliver content authored in AEM.
The tutorial is designed to work with AEM as a Cloud Service and is composed of two projects:
The AEM Project contains configuration and content that must be deployed to AEM.
WKND App project is the SPA to be integrated with AEM’s SPA Editor