Hands on creating a site with the new JavaScript blocks
summary
Shows how to build a full site with AEM next‑generation composability using Google Drive document authoring, a GitHub template and Helix deployment; setup is three steps: repo from template, share a Drive folder with helix@adobe.com, install the Sidekick. Custom components live under a blocks directory and map by name; each block exports a decorate(dom) function — example: create blocks/quote/quote.js and quote.css, run npx helix up to preview locally, validate with PageSpeed score 100, open a PR that runs perf checks and merge to deploy.
AI-written summary · about
chapters (12)
- 0:00Introduction to AEM
- 1:10Architecture and overview
- 4:47Session roadmap
- 5:32Project setup
- 7:43Content and site integration
- 11:18Document-based authoring
- 14:11Authoring rich content
- 16:48Advanced blocks and metadata
- 21:19Developer concepts
- 26:37Developing custom blocks
- 31:58Publishing code changes
- 35:00Conclusion and Q&A
related talks
35mBuilding Next-gen Web Frameworks using React
02h 32mBuild next gen web apps using web components
43mHow to build your reusable UI component library like a pro
39mAdobe Experience Manager as a Headless CMS - Where/When/Why?
35mApp Builder Architecture and Technical Deep Dive
30mAce any design in Drupal - layout tools and components in your site-building toolbox
14mHow to Share Your Components Online (Fast)
19mNavigating the web in a world full of constraints