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)

Installing Adobe Commerce using the CLI

This is the moment when things might get a little complicated as we will be working with the CLI a lot and we’ll be running many commands in the next few chapters. To get started, follow these steps:

  1. In your terminal application/CLI, log into your application container by typing the following:
    warden shell

    This will log you into the Docker container that is running the PHP code:

Figure 2.14 – Logging into the Docker container

Figure 2.14 – Logging into the Docker container

Here’s the bad news: Adobe Commerce has no web installer available, so you have to install everything using the CLI. To do this, run all those commands in the Docker container you’ve just logged into.

  1. Next, configure the Magento keys:
    composer global config http-basic.repo.magento.com <username> <password>

    Here, username is a public key and password is a private key.

    When you are taking over a project, it is very important to check magento...