This is the code companion for a tutorial that walks through the process of setting up an AEM project to leverage the Single Page App or SPA Editor feature.

View the tutorial on HelpX: Getting Started with the AEM SPA Editor - WKND Tutorial

There are two parallel versions of the Getting started with AEM SPA Editor tutorial, building on a fictional WKND Events application; one that builds the integration using React and the other with Angular. Other than the JavaScript frameworks used, both tutorials follow the same flow and build out the same capabilities.

Note the number and order of chapters in each tutorial varies based on the logical development flow imposed by the relevant framework.

WKND Events for React and AEM SPA Editor - Tutorial

• Chapter 0
• Chapter 1
• Chapter 2
• Chapter 3
• Chapter 4 (Latest code with tutorial companion coming soon...)

WKND Events for Angular and AEM SPA Editor - Tutorial

• Chapter 0
• Chapter 1
• Chapter 2
• Chapter 3
• Chapter 4
• Chapter 5
• Chapter 6
• Chapter 7
• Chapter 8

Having an issue? These troubleshooting tips might help:

1. Verify that environment is AEM 6.4 + SP2
2. Check to see if any bundles are in an installed state http://localhost:4502/system/console
3. Clear the browser cache/history or start a new browser session
4. Manually invalidate AEM client libraries to ensure the latest code is being loaded: http://localhost:4502/libs/granite/ui/content/dumplibs.rebuild.html

Still not working? Check out the closed issues or create a new issue.