This tutorial is deprecated, it is recommended to follow https://github.com/adobe/aem-guides-wknd-spa for the latest tutorials and best practices with the AEM SPA Editor.

WKND Events SPA Editor Project

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

The Tutorials

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 - React

WKND Events for React and AEM SPA Editor - Tutorial

Solution Branches on GitHub

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

WKND Events - Angular

WKND Events for Angular and AEM SPA Editor - Tutorial

Solution Branches on GitHub

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

Troubleshooting

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.