A short presentation - from Meet Magento 18' PL showcasing how to build a custom shop based on Vue Storefront PWA framework

1. Vue Storefront
as a Game Changer
#mm18pl

2. Vue Storefront
Mobile-first ecommerce frontend that allows
you to build super fast eCommerce websites
and apps, without changing the backend
platform.

3. 470 developers in the Community
8th most popular eCommerce Platform on GitHub
2nd most popular Magento repo on GitHub
25+ official Partners
join the Community
https://github.com/DivanteLtd/vue-storefront
Projects live: India, Holland, Italy, Russia, Poland, USA
Workshops, Trainings, PoC, Time2Market <60 days
#mm18pl

4. 4
Check the demo on
Your device!
https://demo.vuestorefront.io
#mm18pl

5. Technology & Architecture

6. Architectur
e
#mm18pl

7. Architectur
e
#mm18pl

8. Frontend Architecture
core
src
themes
extensions
Your playground!
#mm18pl

9. Framework
Theming, extensions, re-usable components
Vue Storefront is meant to be a Framework
Theming
Extensions
●
●
●
SSR & client side hydration
#mm18pl

10. eCommerce site in 20 working days?
Developers and business loves Vue Storefront
Vue.js
Theming
Elastic, Node, Express
#mm18pl

11. Theming in Vue Storefront

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

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

14. #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
Microcart
business logic
Microcart
styling, HTML
import core Microcart
other
components

15. #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
Microcart
business logic
Microcart
styling, HTML
addToCart()
productsInCart
cartTotals
…
now available in Microcart
component!

16. #MM18PL#MM18PL
Business logic in core that exports
methods and data properties that
you can use in your theme
components

17. #MM18PL#MM18PL
All methods and properties from core component are now injected
into your theme component via Vue mixin

18. #MM18PL#MM18PL

19. #MM18PL#MM18PL
You can also import just specific features
instead of whole components and compose
your components from this features

20. From developers to developers
Developers and business loves Vue Storefront
– Irene Iaccio, BitBull
– Andrey Putin, CEO, KT Team.
– Estera Dugulan, Vendic.
#mm18pl

21. In La Nature loading time
is not a problem
Developers and business loves Vue Storefront
LaNature.ru
Magento 2.2
0.1 second
1.5 second.
– Andrey Putin, CEO, KT Team.
#mm18pl

22. The Special’s store
Developers and business loves Vue Storefront
PoC for Special’s
– Gennaro Vietri – CTO of Bitbull
#mm18pl

23. TheHourGlass.com
- Bao Nguyen
eCommerce site in 20 working days?
Developers and business loves Vue Storefront
#mm18pl

24. The platform for future growth
Amazon Alexa and Google Home
used with Vue Storefront

25. #mm18pl

26. Sources