For projects that want a few more batteries. Built by the team who brought you da.live and adobe.com.
- Use this template to make a new repo.
- Install AEM Code Sync.
- Browse to https://da.live/start.
- Follow the steps.
- Clone your new repo to your computer.
- Install the AEM CLI using your terminal:
sudo npm install -g @adobe/aem-cli - Start the AEM CLI:
aem up. - Open the
{repo}folder in your favorite code editor and buil something. - Recommended: Install common npm packages like linting and testing:
npm i.
- Language only support - Ex: en, de, hi, ja
- Region only support - Ex: en-us, en-ca, de-de, de-ch
- Hybrid support - Ex: en, en-us, de, de-ch, de-at
- Fragment-based localized 404s
- Localized Header & Footer
- Do not translate support (#_dnt)
- Optional containers to constrain content
- Grids: 1-6
- Color scheme: light, dark
- Gap: xs, s, m, l, xl, xxl
- Spacing: xs, s, m, l, xl, xxl
- Background: token / image / color / gradient
- Universal buttons w/ extensive styles
- Images w/ retina breakpoint
- Color scheme support: light, dark
- Modern favicon support
- New window support
- Deep link support
- Modal support
- Brand - First link in header
- Main Menu - First list in header
- Actions - Last section of header
- Menu & mega menu support
- Disable header/footer via meta props
- Schedule content using spreadsheets
- Extensible plumbing for plugins
- Schedule simulator
- Extensible LCP detection
- Environment detection
- Extensible logging (console, coralogix, splunk, etc.)
- Buildless reactive framework support (Lit)
- Hash utils patterns (#_blank, #_dnt, etc)
- Modern CSS scoping & nesting
- AEM Operational Telemetry
- Cloudflare Worker reference implementation
XS, S, M, L, XL, XXL
quiet, default, strong
1 - 12
100-900
light, dark