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.

How to create a Vue Storefront theme

1,065 views

Published on

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

Published in: Internet
  • Unlock Her Legs - How to Turn a Girl On In 10 Minutes or Less... ▲▲▲ http://t.cn/AijLRbnO
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Earn a 6-Figure Side-Income Online... Signup for the free training HERE ♥♥♥ https://tinyurl.com/y3ylrovq
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Tired of being scammed? Take advantage of a program that, actually makes you money! ➤➤ https://tinyurl.com/y4urott2
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here

How to create a Vue Storefront theme

  1. 1. Vue Storefront as a Game Changer #mm18pl
  2. 2. Vue Storefront Mobile-first ecommerce frontend that allows you to build super fast eCommerce websites and apps, without changing the backend platform.
  3. 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. 4 Check the demo on Your device! https://demo.vuestorefront.io #mm18pl
  5. 5. Technology & Architecture
  6. 6. Architectur e #mm18pl
  7. 7. Architectur e #mm18pl
  8. 8. Frontend Architecture core src themes extensions Your playground! #mm18pl
  9. 9. Framework Theming, extensions, re-usable components Vue Storefront is meant to be a Framework Theming Extensions ● ● ● SSR & client side hydration #mm18pl
  10. 10. eCommerce site in 20 working days? Developers and business loves Vue Storefront Vue.js Theming Elastic, Node, Express #mm18pl
  11. 11. Theming in Vue Storefront
  12. 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. 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. 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. 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. 16. #MM18PL#MM18PL Business logic in core that exports methods and data properties that you can use in your theme components
  17. 17. #MM18PL#MM18PL All methods and properties from core component are now injected into your theme component via Vue mixin
  18. 18. #MM18PL#MM18PL
  19. 19. #MM18PL#MM18PL You can also import just specific features instead of whole components and compose your components from this features
  20. 20. From developers to developers Developers and business loves Vue Storefront – Irene Iaccio, BitBull – Andrey Putin, CEO, KT Team. – Estera Dugulan, Vendic. #mm18pl
  21. 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. 22. The Special’s store Developers and business loves Vue Storefront PoC for Special’s – Gennaro Vietri – CTO of Bitbull #mm18pl
  23. 23. TheHourGlass.com - Bao Nguyen eCommerce site in 20 working days? Developers and business loves Vue Storefront #mm18pl
  24. 24. The platform for future growth Amazon Alexa and Google Home used with Vue Storefront
  25. 25. #mm18pl
  26. 26. Sources

×