How to Build Content and Commerce Experiences Using App Builder and API Mesh
summary
Walks through building a headless storefront that uses API Mesh (App Builder) to federate three data sources (AEM, Adobe Commerce, an external API) into one GraphQL endpoint, shows schema edits like prefixing, hiding and renaming fields, and demonstrates a Next.js storefront that issues a single query to return product plus Content Fragment data. A remotely hosted shopping cart microfrontend (Module Federation) authenticates users, issues GraphQL mutations through the mesh, and updates the cart counter in real time, proving the integrated flow works.
AI-written summary · about
chapters (5)
- 0:00Introduction and team
- 2:10Building backend for frontend
- 15:49Enriching content with commerce
- 25:54Adding micro frontends
- 33:16Summary and takeaways
related talks
30mExperience Manager Extension for PWA Studio
17mBuilding Storefronts Anywhere
19mSupport unlimited customer experiences with GraphQL
35mApp Builder Architecture and Technical Deep Dive
16m5 Lessons I Learned About Headless Commerce So You Didn’t Have To
29mBuild full-stack web and mobile apps with AWS Amplify and AWS AppSync
21mHeadless eCommerce: Shopify + NextJs = ❤️
31mA sneak peak into the future headless eCommerce