What is Magento PWA Studio?

What is Magento PWA Studio?

Magento has created PWA Studio - a set of tools that allow developing Magento-based PWA sites. The PWA Studio includes:

Peregrine 
This is a library used to provide a set of functions responsible for providing data to visual components in the applications.

Venia UI API
This is a collection of visual components for building the storefront.

Venia Storefront
Represents a ready-made storefront, built with the help of Peregrine and Venia UI API. This can be regarded as a mockup - it can be used in the store as it is or developed further into a custom solution, or you can build your own storefront using the mockup as an example.

Magento provides not only tools for creating a custom storefront solution, but also a ready-made mockup - Venia theme. Unlike all other standard Magento storefront themes, Venia is a separate instance. Venia is not a part of the Magento codebase - it communicates with Magento through the UPWARD middleware.

      • Related Articles

      • How to install an Amasty PWA add-on?

        At the moment Amasty PWA add-ons are installed via yarn. The add-ons could be downloaded from the Products tab in the customer account after the purchase. Before starting the installation process, make sure that the Magento instance meets the ...

      • What Amasty extensions support PWA?

        For PWA compatibility, Amasty designed a separate PWA add-ons. They go as supplementary solutions to the main extensions. Amasty PWA add-ons provide the same functionality as the original Amasty extensions. The PWA add-ons are created with the ...

      • How do I update the theme?

        We are constantly improving and updating our extensions, therefore, we suggest that you always use the latest extension/theme version on your site. An update of a Magento 2 extension/theme from Amasty should be done the same way as it was installed - ...

      • What is PWA?

        For 2 years now, PWA is being a growing trend and as time comes, the more interest it arises around itself. In this article, we’ll take a look at the technology and talk about Amasty PWA solutions in particular. PWA stands for progressive web ...

      • How is CSS customization done in the Jet Theme?

        Making style changes in any theme can be done in several different ways: by creating a child theme and using the backend configurations of it to experiment with different styles (this is the safest way); by extending the parent theme's styles through ...