Skip to content
Adobe Commerce Storefront
The Boilerplate

Universal Editor for developers

The Adobe Commerce boilerplate supports the Universal Editor (UE) for content and commerce blocks. For setup, instrumentation syntax, and custom block workflow, see the DA.live documentation below.

Commerce boilerplate structure

Section titled “Commerce boilerplate structure”

Commerce differs from the standard DA.live approach (centralized ue/models/blocks/ in da-block-collection ): UE instrumentation JSON files live next to each block at blocks/{block-name}/_{block-name}.json. A pre-commit hook composes these into the root-level component-*.json files the UE consumes.

aem-boilerplate-commerce/
├── component-definition.json    ← generated (UE consumes)
├── component-filters.json       ← generated (UE consumes)
├── component-models.json        ← generated (UE consumes)
├── models/
│   └── _section.json           ← add new blocks to component list
└── blocks/
    ├── accordion/
    │   └── _accordion.json      ← UE instrumentation
    ├── hero/
    │   └── _hero.json
    ├── product-recommendations/
    │   └── _product-recommendations.json
    ├── commerce-cart/
    │   └── _commerce-cart.json
    └── ...                      ← and other blocks with _*.json

Documentation

Section titled “Documentation”