AEM - Adobe Commerce Integration

Hi ​@nsvsrk 

At a high level, the recommended pattern is "AEM owns the glass, Commerce is headless":

AEM Sites is the experience layer, Adobe Commerce exposes the catalog, pricing and cart/checkout over GraphQL, and the CIF add‑on connects the two. https://experienceleague.adobe.com/en/docs/experience-manager-cloud-service/content/content-and-commerce/cif-storefront/introduction

1. High‑level requirements

• AEM
  • AEM as a Cloud Service with CIF add‑on enabled or AEM 6.5 LTS with CIF add‑on
  • AEM Project Archetype (with includeCommerce=y) or the Venia reference storefront
• Adobe Commerce
  • Adobe Commerce 2.3.5+ (practically 2.4.x), GraphQL enabled and reachable from AEM
  • Configured stores/store‑views and sample or real catalog data
• Connectivity & infra
  • Secure HTTPS access to Commerce GraphQL endpoint
  • CDN/Dispatcher/Fastly caching in front of AEM and Commerce
• Docs: https://experienceleague.adobe.com/en/docs/experience-manager-65-lts/content/commerce/integrations/magento

2. High‑level implementation steps

1. Enable CIF on AEM
   • For AEMaaCS: enable the Commerce Integration Framework (CIF) add‑on in Cloud Manager, then deploy your Sites program.
   • For AEM 6.5: install the CIF add‑on package.
   • Ref: https://experienceleague.adobe.com/en/docs/experience-manager-cloud-service/content/content-and-commerce/cif-storefront/storefront/getting-started
2. Connect AEM to Adobe Commerce (GraphQL)
   • Configure the COMMERCE_ENDPOINT (Cloud Service env var) or CIF GraphQL client to point to the Commerce GraphQL URL.
   • Verify product/category queries work from AEM.
3. Bootstrap the storefront project
   • Generate an AEM project with the AEM Project Archetype and includeCommerce=y, or start from the Venia reference storefront to get all CIF Core Components wired up.
   • Ref: https://experienceleague.adobe.com/en/docs/experience-manager-65-lts/content/commerce/storefront/developing/develop
4. Bring catalog into the authoring experience
   • Use CIF's Product Console, product & category pickers so authors can search/browse Commerce products inside AEM and drop them onto pages.
   • This gives marketing a real‑time view of Commerce catalog data while authoring.
5. Build the shopping experience in AEM
   • Compose PLP/PDP, search, cart and checkout using CIF Core Components (server‑side Sling Models + React client‑side parts) and your own components where needed.
   • Map URLs/SEO patterns for category and product pages; configure multi‑store / multi‑site mappings if required.
6. Enrich products with AEM content
   • Link products to Assets, Content Fragments, Experience Fragments for richer PDPs and campaigns (lookbooks, editorial pages, etc.).
   • Ref: Product experience management section in https://experienceleague.adobe.com/en/docs/experience-manager-cloud-service/content/content-and-commerce/cif-storefront/introduction
7. Tune caching and performance
   • Configure Dispatcher/Fastly caching for AEM pages and Commerce GraphQL responses (TTL and cache‑keys per use case).
   • Validate behavior under load (catalog browse, PDP, cart, checkout) and fine‑tune invalidation strategy.