AEM Guides - WKND SPA Project

This is the code companion for a series of tutorials designed for developers new to the SPA Editor feature in Adobe Experience Manager (AEM). There are two parallel versions of the tutorial:

• Create your first Angular SPA in AEM
• Create your first React SPA in AEM

Latest Code

If you just want to build the finished version of each project:

Angular

$ git clone [email protected]:adobe/aem-guides-wknd-spa.git
$ cd aem-guides-wknd-spa
$ git checkout Angular/latest
$ mvn clean install -PautoInstallSinglePackage

React

$ git clone [email protected]:adobe/aem-guides-wknd-spa.git
$ cd aem-guides-wknd-spa
$ git checkout React/latest
$ mvn clean install -PautoInstallSinglePackage

Or download and install the compiled AEM Packages from the latest release.

Tutorial Branches

The starter and solution branches in this repository correspond to Angular and React versions of the tutorial.

Angular Tutorials

Tutorial	Starter Code	Solution
SPA Editor Project	Angular/create-project-start	Angular/create-project-solution
Integrate the SPA	Angular/integrate-spa-start	Angular/integrate-spa-solution
Map SPA Components	Angular/map-components-start	Angular/map-components-solution
Navigation and routing	Angular/navigation-routing-start	Angular/navigation-routing-solution
Custom component	Angular/custom-component-start	Angular/custom-component-solution
Extend component	Angular/extend-component-start	Angular/extend-component-solution

React Tutorials

Tutorial	Starter Code	Solution
SPA Editor Project	React/create-project-start	React/create-project-solution
Integrate the SPA	React/integrate-spa-start	React/integrate-spa-solution
Map SPA Components	React/map-components-start	React/map-components-solution
Navigation and routing	React/navigation-routing-start	React/navigation-routing-solution
Custom component	React/custom-component-start	React/custom-component-solution
Extend component	React/extend-component-start	React/extend-component-solution