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.
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.
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.
