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.
- 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
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
- 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
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.