This document provides an overview of Progressive Web Apps (PWA) and Shopware PWA. It discusses how PWAs originated from efforts to make web apps first-class citizens. It outlines key benefits of PWAs like blazing fast performance, unrestricted creativity, and being made for enterprise-level e-commerce. The document then discusses what you need to know about Shopware PWA, including its stack, benefits of its frontend and API layer, and how building a project with Shopware PWA involves it being a separate application requiring specialized teams and investment.

2. PWA 101
What you need to know
about Shopware PWA

3. Sander Mangel
• Ecommerce Technology Consultant and PWA Advocate
• Background in development
• Over 12 years of Ecommerce experience

4. How it started
“ I had been angling for a way to make web apps first-class citizens since the Chrome Apps era. In London in ~'12-'13, Jake Archibald and
Alex started working on Service Workers.
The other piece of the plan was a small manifest file. Marcos from Mozilla was working on the manifest format and we joined him there.
Jeff Burtoft from MSFT was angling for something very similar within the constraints of UWP”
- Alex Russell, Senior Staff Software Engineer at

5. More and more companies are turning
to PWA for their e-commerce platform.

6. 79%
Higher revenue from
organic traffic
86%
Conversion Increase
from organic traffic

7. 50%
Conversion increase
overall
30%
Conversion increase
over Native Android
app

8. 76%
Conversion increase
across all browsers
30%
Increase in visitors on
Android

9. What you need to know about (Shopware) PWA
• The key benefits of PWA
• Shopware PWA - under the hood
• Building a project with Shopware PWA.

10. Key benefits of PWA

11. Competitive edge

12. Blazing-fast Performance Unrestricted Creativity Made for Enterprise-level
ecommerce

13. Blazing-fast Performance

14. Edge caching
• Lives on the device
• Standalone Application
• Prefetching data
• Synchronization queues

15. Unrestricted Creativity

16. Frontend Tools
• Granular design control through UI libraries

17. Frontend Tools
• Granular design control through UI libraries
• Powerful API exposing data

18. Frontend Tools
• Granular design control through UI libraries
• Powerful API exposing data
• Built on standards

19. Content & Marketing
• Built to integrate the tools you rely on
• Optimized for all devices
• Less lockin, easier to experiment

20. Enterprise-level Ecommerce

21. The complex application landscape

22. The complex application landscape

23. Shopware PWA -
Under the hood

24. Shopware PWA stack

25. Frontend

26. Frontend

27. Frontend

28. Frontend
• Built to unlock the full potential of Shopware 6
• Based on proven technology
• Built to be lightweight
• Compatibility with the ecosystem

29. API layer

30. API layer

31. Backend

32. Building a project
with Shopware PWA

33. 1. Shopware PWA is a separate application

34. 2. Specialized teams

35. 3. PWA takes investing

37. https://twitter.com/sandermangel
https://www.linkedin.com/in/sandermangel/
Thank you