Skip to content
Step by Step guide to creating a Single Page Application to use with AEM
Branch: master
Clone or download
Type Name Latest commit message Commit time
Failed to load latest commit information.
.github/ISSUE_TEMPLATE Update issue templates Dec 20, 2018
.gitignore initial commit Oct 9, 2018 added troubleshooting info Dec 27, 2018

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

WKND Events - Angular

WKND Events for Angular and AEM SPA Editor - Tutorial

Solution Branches on GitHub


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.

You can’t perform that action at this time.