Headless vs. Hybrid— this is one of the most critical questions raised when organizations identify a new Web Content Management platform for their organization. The answer to this question is not simple and based on the business needs and other factors like current platform, resource skill, etc. In this post…

On-site search (also known as site search or internal search) allows users to identify the required data from a website by typing queries into a search bar. The website search helps the visitors to quickly navigate and identify the required content within the website, the website search reduces bounce rate…

In one of the earlier posts, we discussed Selecting a Search Engine for on-site Search — Open Source vs. Search as a Service | by Albin Issac | Medium. In this post, I will explain my experience integrating the Coveo Search platform with the AEM platform based on my experience…

Asset selector lets you search, filter, and browse the DAM assets. Asset selector is available at https://[aem_server]:[port]/aem/assetpicker.html. You can fetch the metadata of your selected assets using the asset selector. You can launch it with supported request parameters, such as asset type (image, video, text) and selection mode (single or…

The Document.craeteDocumentFragment() API creates a new empty document fragment (DocumentFragment) object. The document fragment is a lightweight container for creating HTML elements, an alternative to directly inserting elements into the DOM. — Instead of appending the elements directly to the document when they are created, append them to the DocumentFragment instead, and finish by adding that to the DOM. This is extremely helpful because most manipulations of DOM elements cause the browser to reflow and repaint the layout, which you want to…

In my previous post on this series, we have discussed how to enable local Magento open source commerce platform on local. This post discusses setting up a Venia sample store in a local AEM server and integrating AEM to a local Magento server to enable eCommerce functionalities. AEM CIF Core…

The AEM internationalization framework(i18n) uses dictionaries in the repository to store English strings and their translations in other languages. The framework uses English as the default language. Localized strings can be stored in several dictionaries in the repository, e.g., component level. The AEM internationalization framework combines the dictionaries and makes…

In this post, let us see the approaches to limit the components in container components; in some cases, we may have the use case to limit the number of child components allowed to be added into the container due to the business rules. Option1 — Limit through FE logic: Limit the number of components through Front…

The Magento PWA Studio project is a set of developer tools that allow for developing, deploying, and maintaining a PWA storefront on top of Magento 2.3 and above. It uses modern tools and libraries to create a build system and framework that adheres to the Magento principle of extensibility. In…