Getting Started with AEM Sites - Project Archetype

Welcome to a multi-part tutorial designed for developers new to Adobe Experience Manager (AEM). This tutorial walks through the implementation of an AEM site for a fictitious lifestyle brand the WKND.

This tutorial starts by using the AEM Project Archetype to generate a new project.

The tutorial is designed to work with AEM as a Cloud Service and is backwards compatible with AEM 6.5.14+. The site is implemented using:

• Maven AEM Project Archetype
• Core Components
• HTL
• Sling Models
• Editable Templates
• Style System

Estimate 1-2 hours to get through each part of the tutorial.

Local Development Environment

A local development environment is necessary to complete this tutorial. Screenshots and video are captured using the AEM as a Cloud Service SDK running on a macOS environment with Visual Studio Code as the IDE. Commands and code should be independent of the local operating system, unless otherwise noted.

Required software

The following should be installed locally:

• Local AEM Author instance (Cloud Service SDK or 6.5.14+)
• Java™ 11
• Apache Maven (3.3.9 or newer)
• Node.js (LTS - Long-Term Support)
• npm 6+
• Git
• Visual Studio Code or equivalent IDE
  • VSCode AEM Sync - Tool used throughout tutorial

GitHub

The code from this tutorial can be found on GitHub in the AEM Guide repo:

GitHub: WKND Sites Project

In addition, each part of the tutorial has its own branch in GitHub. A user can begin the tutorial at any point by simply checking out the branch that corresponds to the previous part.

Next Steps

What are you waiting for? Start the tutorial by navigating to the Project Setup chapter and learn how to generate a new Adobe Experience Manager project using the AEM Project Archetype.

Business.Adobe.com resources