AEM Component Development

AEM components are the building blocks of page content. Each component is a cq:Component node in the JCR that ties together:

1. HTL markup — the rendering template (.html file)
2. Sling Model — server-side business logic (Java)
3. Dialog — author UI for content editing (cq:dialog)
4. Client libraries — CSS/JS for frontend behavior
5. Edit config — authoring toolbar behavior (cq:editConfig)

Prerequisite skill: This skill assumes HTL knowledge. Load the htl-scripting skill for expression syntax, block statements, XSS contexts, and global objects.

Component File Structure

Standard Maven archetype layout (Touch UI, modern AEM):