Build Your First React App with Experience Manager Headless CMS
summary
Shows how to wire a React UI to Adobe Experience Manager headless Content Fragments via GraphQL, with a public sandbox repo that boots a local GraphQL server reading content fragment JSON and assets, uses the AEM Headless SDK and a custom data-fetch hook, and renders images, titles and descriptions. The demo is runnable in the browser and runs in under a minute, lets you edit mocked fragment values live, and successfully returns queried fields for the React app.
AI-written summary · about
chapters (8)
- 0:00Introduction
- 1:16GraphQL basics
- 4:52AEM headless concepts
- 6:29React fundamentals
- 12:10Sandbox demonstration
- 17:11Backend and GraphQL demo
- 21:15React frontend code
- 23:53Key takeaways and Q&A
related talks
32mHeadless Adobe Experience Manager Sites
30mExperience Manager Extension for PWA Studio
46mThe Past, Present, and Future of Adobe Experience Manager
28mHow to View and React without a Head
19mJS Magic Supercharging Web Applications w/ Headless CMS and Modern frontend framework
26mHow to View and React without a Head
01h 00mBuilding next gen composable services with Experience Manager
58mCrafting compelling real-time web experiences with GraphQL and React