VS presentation for remote visit in Netherlands

1. Vue StorefrontBackend-agnostic PWA frontend for eCommerce

2. Filip Rakowski
Co-founder @ Vue Storefront
Frontend Developer @ Divante
filrakowski
frakowski

3. eCommerce troubles

4. Slow, especially with bad internet connection
Not stable during peaks (e.g. Black Friday)
Not suited for mobile devices (sometimes even without RWD!)
Client perspective

5. Hard to find developers specialized in eCommerce platforms
Long and complicated development (long time2market)
User problems decrease conversion rate
Business perspective

6. Staying behind everyone else in modern javaScript frameworks world
Time consuming
Just painful
Frontend Developer perspective

8. Vue Storefront
eCommerce of the future!

10. Reliable despite the network circumstances
Focus on developer experience
Can be integrated with any eCommerce backend!
Key goals
Progressive Web App
Upgradable as NPM package
No architectural limitations (it’s just a Vue.js app)

11. Key features
Open source and MIT license!

12. Key features
Open source and MIT license!

13. Architecture
Unfortunetly it’s not magic

14. 14
How it works (simplified)
eCommerce CMS
Vue Storefront API Vue Storefront
Same for every platform
thanks to adapter
API Adapter
For each platform
(Magento 2 and Pimcore
integrations are ready)
Magento, Shopify or any
other
Single Page App PWA
written in Vue.js
NoSQL DB

15. How it works (simplified)
15
eCommerce CMS
Vue Storefront API Vue Storefront
API Adapter
NoSQL DB
Real-time sync based on product
updates

16. It still works when you are offline!
Cache Storage
caches HTML, CSS and
JS files
Local Forage
caches data from server
in IndexedDB
Service Worker
enables offline orders!

17. Theming
How we made it fast, easy and enjoyable?

18. Modify one of our
themes or create
yours!

19. Frontend architecture
Extensions
(e.g new payment
methods, mailchimp,
integration, Google
Analytics integration)
Theme
This is your shop! Developed
like a separate Vue.js
application that can make use
of VS core and extensions
Vue Storefront Core
Contains all standard
eCommerce features, state
management, offline
capabilities and database
integration.
It’s upgradable as a NPM
package and extendable via
extensions.

20. #MM18PL#MM18PL
Your theme
Styling and HTML markup.
Additional business logic if you need it.
Vue Storefront Core
All JS logic to make this magic work

21. #MM18PL#MM18PL
Your theme
Styling and HTML markup.
Additional business logic if you need it.
Vue Storefront Core
All JS logic to make this magic work
Core components business logic
That can be used in themes
Theme components
that can use core business logic

22. #MM18PL#MM18PL
All methods and properties from core Microcart are now injected
into your theme component via Vue mixin
CORE
THEME

23. #MM18PL#MM18PL

24. Huge community
And growing day by day

27. Exciting future
Sneak peak of Vue Storefront 2.0

28. Development boilerplate
New Modular architecture
New default theme
Vue Storefront 2.0

29. Migration tool
Storefront cloud
Vue Storefront 2.0

30. More about VS 2.0...
...during Reacticon ^^

31. How Vue Storefront can help your business?
https://mage-pwa.io/blog/7-reasons-to-boost-eCommerce-with-
VueStorefront

32. Check latest production release (beta-ish but still
awesome!)
https://www.specialmilano.com/

33. Thank you!
I’ll post slides on Twitter tomorrow ;)
filrakowski
frakowski