Book Image

Mastering Adobe Commerce Frontend

By : Jakub Winkler
Book Image

Mastering Adobe Commerce Frontend

By: Jakub Winkler

Overview of this book

Navigating the frontend realm of the Adobe Commerce platform can often feel like a labyrinth, given its multifaceted systems and intricate layering. This book demystifies Adobe Commerce frontend development, guiding you through its paths with clarity and precision. You'll learn how to set up your local environment, paving the way for a smooth development experience and navigate the platform's theming ecosystem, exploring layout XML systems and the power of templates. As you progress through the book, you'll leverage an array of JavaScript libraries and frameworks that Adobe Commerce boasts of, with special emphasis on RequireJS, jQuery, Knockout.JS, and UI Components. Additionally, you'll gain an understanding of the intricacies of Adobe Commerce CMS, explore frontend-related configurations in the admin panel, and unlock the secrets of frontend optimization. Practical exercises provided in the book will enable you to create top-notch Adobe Commerce sites that are functional, optimized, user-centric, and a step ahead in the ever-evolving frontend landscape.
Table of Contents (18 chapters)

Working with private content

It is time to travel to the last sea in our JavaScript voyage: private content. Let me start with a simple explanation of what it actually is and why we need it. As you remember from the previous chapters, one of the caches in the platform is full page cache. It means that the entire HTML content rendered by the framework is being computed and persisted. This means that the HTML content of the page everyone is visiting is the same. In an e-commerce platform, we need to show unique content, such as a shopping cart or a wishlist, to each visitor browsing the page.

That is why a mechanism was developed, and it was named private content.

Private content refers to content that is specifically tailored for individual users. It is user-specific and is not shared between different online customers. Adobe Commerce uses various mechanisms, such as customer data sections and browser local storage, to manage and deliver this private content without needing to...