How to create a Vue Storefront theme
3 likes1,616 views
Vue Storefront is a mobile-first eCommerce frontend framework that enables the rapid creation of high-speed eCommerce websites and applications without modifying the backend platform. It has garnered a strong developer community and is recognized as one of the most popular eCommerce platforms on GitHub. Key features include versatile theming, reusable components, and a focus on performance, enabling eCommerce site deployment in under 20 working days.
How to create a Vue Storefront theme
- 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
- 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