Adobe Labs

Adobe Labs is the always-on public home that makes Adobe's AI-and-creativity innovation visible, continuous, and credible; the trusted, human-centered, evidence-led voice on creative work in the AI era.

This site is built using AEM with content managed via Document Authoring (DA). The codebase is based off of the aem-boilerplate.

Environments

• Preview: https://main--adobe-labs-website--adobe.aem.page/
• Live: https://main--adobe-labs-website--adobe.aem.live/

Documentation

aem-boilerplate

Before using the aem-boilerplate, we recommend you to go through the documentation on https://www.aem.live/docs/ and more specifically:

1. Developer Tutorial
2. The Anatomy of a Project
3. Web Performance
4. Markup, Sections, Blocks, and Auto Blocking

Quick Start

npm i
npm start

Local development

1. Install the AEM CLI: npm install -g @adobe/aem-cli
2. Start AEM Proxy: npm start (opens your browser at http://localhost:3000)
3. Open the adobe-labs-website directory in your favorite IDE and start coding

Code Quality

To run ESLint and Stylelint:

npm run lint

Testing

To run tests:

npm test

Writing Block Tests

See the write-block-tests skill for instructions and guidelines on writing unit tests for blocks.