External Web Academy

Worldbank External Web Academy Web Site Code Base

Environments

Type	Description
preview	.aem.page creates preview of content and is automatically created for each branch. for content preview and testing.
live	.aem.live is the live/production-ready enviroment for published content.

Documentation

Before using the aem-boilerplate, we recommand you to go through the documentation on www.aem.live and experienceleague.adobe.com, more specifically:

1. Getting Started, Creating Blocks, Content Modelling
2. The Anatomy of a Project
3. Web Performance
4. Markup, Sections, Blocks, and Auto Blocking

Furthremore, we encourage you to watch the recordings of any of our previous presentations or sessions:

• Getting started with AEM Authoring and Edge Delivery Services

Prerequisites

• nodejs 18.3.x or newer
• AEM Cloud Service release 2024.8 or newer (>= 17465)

Installation

npm i

Linting

npm run lint

Local development

1. Create a new repository based on the aem-boilerplate template and add a mountpoint in the fstab.yaml
2. Add the AEM Code Sync GitHub App to the repository
3. Install the AEM CLI: npm install -g @adobe/aem-cli
4. Start AEM Proxy: aem up (opens your browser at http://localhost:3000)
5. Open the {repo} directory in your favorite IDE
6. Start a new branch using "Create Branch From..." and choose "origin/main".
7. Enter the name of your new branch (use numbers, small letters and hyphens only!!)
8. Don't forget to do "npm i" which sets up the linters.
9. Happy coding!