How yami-kolhe/edge-delivery-service works
This is an AEM boilerplate for rendering and decorating authored web pages. The principal workflow starts with page markup in the browser, decorates its main content and blocks, then loads remaining sections and header/footer fragments. The graph also preserves the supplied cards, columns, hero, and fragment capabilities. Source excerpts show the page loader and several block implementations; the broader AEM helper internals and unsampled blocks are represented only where the tree or README supports them.
Main entry points: scripts.js Page loader · aem.js AEM runtime helpers · fragment.js Fragment loader · header.js Header navigation
Components 15
Page Runtime
- Page loader
scripts/scripts.js - AEM runtime helpers
scripts/aem.js - Page content
- Page styles
styles/styles.css - Deferred styles
styles/lazy-styles.css - Font styles
styles/fonts.css - Site icons
icons
Content Blocks
- Header navigation
blocks/header/header.js - Footer
blocks/footer/footer.js - Cards block
blocks/cards/cards.js - Columns block
blocks/columns/columns.js - Hero block
blocks/hero/hero.js
Fragments
- Fragment loader
blocks/fragment/fragment.js - Fragment content
Other components
- Page visitor
Connections 22
- Page visitor → Page loader: opens page
scripts/scripts.js - Page loader → Page content: decorates
scripts/scripts.js - Page loader → AEM runtime helpers: uses helpers
scripts/scripts.js - AEM runtime helpers → Page content: decorates blocks
scripts/aem.js - AEM runtime helpers → Cards block: loads block
scripts/aem.js - AEM runtime helpers → Columns block: loads block
scripts/aem.js - Page loader → Hero block: builds block
scripts/scripts.js - Page loader → Header navigation: loads header
scripts/scripts.js - Page loader → Footer: loads footer
scripts/scripts.js - Page loader → Deferred styles: loads styles
scripts/scripts.js - Page loader → Font styles: loads styles
scripts/scripts.js - Page loader → Page styles: page styling
- AEM runtime helpers → Site icons: loads icons
scripts/aem.js - Header navigation → AEM runtime helpers: reads metadata
blocks/header/header.js - Footer → AEM runtime helpers: reads metadata
blocks/footer/footer.js - Header navigation → Fragment loader: loads fragment
blocks/header/header.js - Footer → Fragment loader: loads fragment
blocks/footer/footer.js - Fragment loader → Fragment content: fetches markup
blocks/fragment/fragment.js - Fragment loader → Page loader: decorates content
blocks/fragment/fragment.js - Fragment loader → AEM runtime helpers: loads sections
blocks/fragment/fragment.js - AEM runtime helpers → Fragment loader: loads block
scripts/aem.js - Cards block → AEM runtime helpers: optimizes images
blocks/cards/cards.js