Divante.com Blog

Magento is developing a toolset for building Progressive Web Apps for Magento-based stores. Let’s check out is the PWA studio ready to use it on production?

What is PWA? 

A Progressive Web App, or PWA, is a web application that uses modern web technologies and design patterns to provide a reliable, fast, and engaging user experience.

  • Fast
  • Secure
  • Responsive
  • Cross-browser compatible
  • Offline Mode
  • Mobile “Install”
  • Sharable content

What is the Magento PWA Studio?

The Magento PWA Studio project is a set of developer tools that allow for the development, deployment, and maintenance of a PWA storefront on top of Magento 2.

PWA Studio technology stack

  • React
  • Redux
  • NodeJs
  • Apollo
  • Webpack
  • Workbox
  • GraphQL

PWA Studio Architecture

  • PWA Studio storefront exists on a different application layer from Magento
  • Headless architecture
  • Microservice architecture
  • API-only relationships
  • One-way coupling
  • Decoupled deployments
  • Storefront replacement mechanism

PWA Studio Dev tools

  • pwa-buildpack CLI tools
  • Peregrine hooks and components
  • Venia store and visual components
  • UPWARD 
  • Shared Magento server 

PWA Studio Demo

You can see it here: https://pwa.codilar.in/

The current state of PWA Studio

  • Working catalog
  • Working customer login
  • Working add to cart
  • Working checkout

Next steps – milestones of PWA Studio development

  • Performance Optimization (Application)
  • Storefront and Theming
  • Extensibility Framework

You can see all the official milestones here: https://github.com/magento/pwa-studio/milestones.

The biggest problems

  • Payment methods availability
  • Products with custom options
  • GraphQl is not finished yet
  • Virtual Quotes
  • Shipping methods availability

Conclusion

PWA Studio is getting closer and some of the foundation pieces are in place but still lots of progress needed.


Presentation originally presented at Magento Lightning Talks meetup on October 3rd, 2019, in Divante HQ. Magento Lightning Talks is an event series, organized by Divante, to share and exchange knowledge on Magento development among Magento developers.

Learn more at Divante.

Check out more Magento Lightning Talks.

Discover Vue Storefront the best PWA storefront for your eCommerce >

Marcin Kwiatkowski

Frontend Tech Leader at Divante eCommerce Software House | LinkedIn

Share your comment