Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

PWA Studio is it ready to use in on production?

123 views

Published on

Magento PWA Studio - is it ready to use on production? - Marcin Kwiatkowski, Frontend Tech Leader at Divante
Presentation originally presented at Magento Lightning Talks meetup on October 3rd, 2019, in Divante HQ.
Learn more at Divante at https://divante.com
Check out more Magento Lightning Talks at https://divante.com/blog/tag/magento-lightning-talks/

Published in: Internet
  • Be the first to comment

  • Be the first to like this

PWA Studio is it ready to use in on production?

  1. 1. Marcin Kwiatkowski | Front-end Tech Leader PWA Studio is it ready to use in on production?
  2. 2. Let’s talk about eCommerce Hi, my name is Marcin Kwiatkowski Front End Tech leader Certified Magento 2 Front End Developer email: mkwiatkowski@divante.com website: www.marcin-kwiatkowski.com
  3. 3. 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. Magento PWA Studio - is it ready to use on production? What is PWA? ● Fast ● Secure ● Responsive ● Cross-browser compatible ● Offline Mode ● Mobile “Install” ● Sharable content
  4. 4. Magento PWA Studio - is it ready to use on production? 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
  5. 5. Magento PWA Studio - is it ready to use on production? PWA Studio technology stack ● React ● Redux ● NodeJs ● Apollo ● Webpack ● Workbox ● GraphQL
  6. 6. Magento PWA Studio - is it ready to use on production? 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
  7. 7. Magento PWA Studio - is it ready to use on production? PWA Studio Dev tools ● pwa-buildpack CLI tools ● Peregrine hooks and components ● Venia store and visual components ● UPWARD ● Shared Magento server
  8. 8. Magento PWA Studio - is it ready to use on production? PWA Studio Demo You can see it here: https://pwa.codilar.in/
  9. 9. Magento PWA Studio - is it ready to use on production? Current state of PWA Studio ● Working catalog ● Working customer login ● Working add to cart ● Working checkout
  10. 10. Magento PWA Studio - is it ready to use on production? Next steps - milestones ● Performance Optimization (Application) ● Storefront and Theming ● Extensibility Framework You can see all officall milestones here: https://github.com/magento/pwa-studio/milestones
  11. 11. Magento PWA Studio - is it ready to use on production? The biggest problems ● Payment methods availability
  12. 12. Magento PWA Studio - is it ready to use on production? The biggest problems ● Payment methods availability ● Products with custom options
  13. 13. Magento PWA Studio - is it ready to use on production? The biggest problems ● Payment methods availability ● Products with custom options ● GraphQl is not finished yet
  14. 14. Magento PWA Studio - is it ready to use on production? The biggest problems ● Payment methods availability ● Products with custom options ● GraphQl is not finished yet ● Virtual Quotes
  15. 15. Magento PWA Studio - is it ready to use on production? The biggest problems ● Payment methods availability ● Products with custom options ● GraphQl is not finished yet ● Virtual Quotes ● Shipping methods availability
  16. 16. Magento PWA Studio - is it ready to use on production? Is it ready?
  17. 17. Magento PWA Studio - is it ready to use on production? Is it ready?
  18. 18. Magento PWA Studio - is it ready to use on production? Is it ready?
  19. 19. Magento PWA Studio - is it ready to use on production? Conclusion PWA Studio are getting closer and some of the foundation pieces are in place but still lots of progress needed.
  20. 20. LEARN MORE AT DIVANTE.COM/BLOG

×