AEM and Adobe Commerce (Magento) integration Using Commerce Integration Framework | Community
Skip to main content
AEM_Forum
AEM_Forum
Level 10
November 30, 2023
Solved

AEM and Adobe Commerce (Magento) integration Using Commerce Integration Framework

  • November 30, 2023
  • 1 reply
  • 2111 views

Hi all,

 

On this subject I am going through AEM and Adobe Commerce Integration using Commerce Integration Framework | Adobe Experience Manager

It says, "Within CIF, there is support for server-side and client-side communication patterns.".

 

What is the difference between server-side and client-side communications here?

When to use each of these?

 

I am not looking for any code as such.

But could someone point me to case study where this AEM and Adobe Commerce (Magento) integration is done at an architectural level?

For example, at GraphQL level so and so is done, at CIF layer so and so is done, etc.

 

Appreciate all your replies.

 

Thanks,

Rama.

    This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
    Best answer by AlbinIs1

    If the idea of client side communications is performance, why cant all calls be client side communications?

     

    Rather when to use client side communications and when server side communications is my question.

     

    Thanks,

    Rama.


    The backend calls are more cacheable; for example, the PDP pages are cached for a defined period, similar to PLP pages. However, the client-side calls, which handle user actions such as operations on the cart and order submission, are more dynamic and can be directed to the e-commerce engine.

    Regards

    Albin

    Albin Issac – Medium

    https://www.albinsblog.com

    1 reply

    A
    Community Advisor
    AlbinIs1Community Advisor
    Community Advisor
    December 1, 2023

    CIF utilizes a combination of server-side and client-side rendering patterns, and it is recommended to use both in tandem to develop a complete ecommerce website. The PDP and PLP pages employ AEM CIF core components, which are rendered and cached on the AEM server. This is integrated by connecting with Magento services via GraphQL. All client-side dynamic actions, like adding items to the cart and placing orders, are managed client-side using React. This setup ensures that GraphQL requests are sent to Magento from the browser, proxied through the AEM dispatcher to avoid CORS issues.

    Regards

    Albin

    https://www.albinsblog.com

    Albin Issac – Medium

      AEM_Forum
      AEM_ForumAuthor
      Level 10
      December 1, 2023

      Thanks Albin.

       

      The idea of client side communications is performance?

       

      Is there a case study for me to read and understand how AEM integrates with Adobe Commerce at an architectural level?

      I am aware if Venia project, but this is addition of just one attribute.

       

      For example, at GraphQL level so and so is done, at CIF layer, at Commerce level, so and so is done, etc.

       

      Appreciate all your replies.

       

      Thanks,

      Rama.

       

      AEM_Forum
      AEM_ForumAuthor
      Level 10
      December 1, 2023

      If the idea of client side communications is performance, why cant all calls be client side communications?

       

      Rather when to use client side communications and when server side communications is my question.

       

      Thanks,

      Rama.

      Terms & ConditionsAccessibility statement

      Loading footer...