AEM as a Cloud Service SDK, AEM 6.5.4+ or AEM 6.4.8+.A basic knowledge of HTML, CSS, and JavaScript.Prerequisitesīefore starting this tutorial, you’ll need the following: The latest code base is available as downloadable AEM Packages. Latest CodeĪll of the tutorial code can be found on GitHub. The SPA is implemented using:Įstimate 1-2 hours to get through each part of the tutorial. The tutorial is designed to work with AEM as a Cloud Service and is backwards compatible with AEM 6.5.4+ and AEM 6.4.8+.

We believe it is beneficial for any developer involved in an AEM SPA Editor project to complete this tutorial. In a real-world scenario the development activities are broken down by persona, often involving a Front End developer and a Back End developer.

The goal for this multi-part tutorial is to teach a developer how to implement an Angular application to work with the SPA Editor feature of AEM. The completed SPA, deployed to AEM, can be dynamically authored with traditional in-line editing tools of AEM. The Angular app is developed and designed to be deployed with AEM’s SPA Editor, which maps Angular components to AEM components. This tutorial walks through the implementation of a Angular application for a fictitious lifestyle brand, the WKND. Welcome to a multi-part tutorial designed for developers new to the SPA Editor feature in Adobe Experience Manager (AEM). For publishing from AEM Sites using Edge Delivery Services, click here.

For mac instal Bootstrap Studio 6.4.4