Filip Rakowski - Reacticon · performance improvements and much more @filakowski. eCommerce CMS Vue...
Transcript of Filip Rakowski - Reacticon · performance improvements and much more @filakowski. eCommerce CMS Vue...
![Page 1: Filip Rakowski - Reacticon · performance improvements and much more @filakowski. eCommerce CMS Vue Storefront API Vue Storefront Same for every platform thanks to adapter API Adapter](https://reader034.fdocuments.in/reader034/viewer/2022042306/5ed2a150b354ea3ad3581ef9/html5/thumbnails/1.jpg)
![Page 2: Filip Rakowski - Reacticon · performance improvements and much more @filakowski. eCommerce CMS Vue Storefront API Vue Storefront Same for every platform thanks to adapter API Adapter](https://reader034.fdocuments.in/reader034/viewer/2022042306/5ed2a150b354ea3ad3581ef9/html5/thumbnails/2.jpg)
Filip RakowskiFrontend Tech Leader @ Vue StorefrontFrontend Developer @ Divante
filrakowski
frakowski
![Page 3: Filip Rakowski - Reacticon · performance improvements and much more @filakowski. eCommerce CMS Vue Storefront API Vue Storefront Same for every platform thanks to adapter API Adapter](https://reader034.fdocuments.in/reader034/viewer/2022042306/5ed2a150b354ea3ad3581ef9/html5/thumbnails/3.jpg)
PWA
![Page 4: Filip Rakowski - Reacticon · performance improvements and much more @filakowski. eCommerce CMS Vue Storefront API Vue Storefront Same for every platform thanks to adapter API Adapter](https://reader034.fdocuments.in/reader034/viewer/2022042306/5ed2a150b354ea3ad3581ef9/html5/thumbnails/4.jpg)
HEADLESS
PWA
![Page 5: Filip Rakowski - Reacticon · performance improvements and much more @filakowski. eCommerce CMS Vue Storefront API Vue Storefront Same for every platform thanks to adapter API Adapter](https://reader034.fdocuments.in/reader034/viewer/2022042306/5ed2a150b354ea3ad3581ef9/html5/thumbnails/5.jpg)
GRAPHQL
HEADLESS
PWA
![Page 6: Filip Rakowski - Reacticon · performance improvements and much more @filakowski. eCommerce CMS Vue Storefront API Vue Storefront Same for every platform thanks to adapter API Adapter](https://reader034.fdocuments.in/reader034/viewer/2022042306/5ed2a150b354ea3ad3581ef9/html5/thumbnails/6.jpg)
VOICE ASSISTANTS
PWA
HEADLESS
GRAPHQL
![Page 7: Filip Rakowski - Reacticon · performance improvements and much more @filakowski. eCommerce CMS Vue Storefront API Vue Storefront Same for every platform thanks to adapter API Adapter](https://reader034.fdocuments.in/reader034/viewer/2022042306/5ed2a150b354ea3ad3581ef9/html5/thumbnails/7.jpg)
HEADLESS
GRAPHQL
B -R
![Page 8: Filip Rakowski - Reacticon · performance improvements and much more @filakowski. eCommerce CMS Vue Storefront API Vue Storefront Same for every platform thanks to adapter API Adapter](https://reader034.fdocuments.in/reader034/viewer/2022042306/5ed2a150b354ea3ad3581ef9/html5/thumbnails/8.jpg)
Vue Storefront®
Fast and reliableThanks to ElasticSearch and advanced caching it’s extremely fast and reliable even on uncertain network connection.
Developer experience orientedWe are putting a lot of our focus to make vs developers happy and make their work as enjoyable as possible.
Backend agnosticCan work with anything and allows painless migrations without changing anything on frontend.
![Page 9: Filip Rakowski - Reacticon · performance improvements and much more @filakowski. eCommerce CMS Vue Storefront API Vue Storefront Same for every platform thanks to adapter API Adapter](https://reader034.fdocuments.in/reader034/viewer/2022042306/5ed2a150b354ea3ad3581ef9/html5/thumbnails/9.jpg)
Vue Storefront®
Progressive Web AppVue storefront works offline, loads extremely fast and can replace native apps.
Seamless upgrades each monthYou can benefit from new features shipped every month just by updating your NPM packages. We focusing a lot on making this upgrades seamless.
No limitationsWe are giving you set of features, default theme and you can customize it in any way you imagine.
![Page 10: Filip Rakowski - Reacticon · performance improvements and much more @filakowski. eCommerce CMS Vue Storefront API Vue Storefront Same for every platform thanks to adapter API Adapter](https://reader034.fdocuments.in/reader034/viewer/2022042306/5ed2a150b354ea3ad3581ef9/html5/thumbnails/10.jpg)
Open source and MIT license!
@filakowski
![Page 11: Filip Rakowski - Reacticon · performance improvements and much more @filakowski. eCommerce CMS Vue Storefront API Vue Storefront Same for every platform thanks to adapter API Adapter](https://reader034.fdocuments.in/reader034/viewer/2022042306/5ed2a150b354ea3ad3581ef9/html5/thumbnails/11.jpg)
3,000 + Github stars
80 contributors
25 partner agencies
Vue Storefront in less than 1,5 year
700 community members (!!)
13 major releases
7 (or more) production shopsand muuuuch more on development
@filakowski
![Page 12: Filip Rakowski - Reacticon · performance improvements and much more @filakowski. eCommerce CMS Vue Storefront API Vue Storefront Same for every platform thanks to adapter API Adapter](https://reader034.fdocuments.in/reader034/viewer/2022042306/5ed2a150b354ea3ad3581ef9/html5/thumbnails/12.jpg)
Voice Commerce Voice assistants integration for Vue Storefront made by our amazing partner Upside. it’s ready to use and Open Source!
Check it on GH: github.com/upsidelab/voicecommerce
@filakowski
![Page 13: Filip Rakowski - Reacticon · performance improvements and much more @filakowski. eCommerce CMS Vue Storefront API Vue Storefront Same for every platform thanks to adapter API Adapter](https://reader034.fdocuments.in/reader034/viewer/2022042306/5ed2a150b354ea3ad3581ef9/html5/thumbnails/13.jpg)
VS 1.4 will be released this month GraphQL support, AMP support, performance improvements and
much more
@filakowski
![Page 14: Filip Rakowski - Reacticon · performance improvements and much more @filakowski. eCommerce CMS Vue Storefront API Vue Storefront Same for every platform thanks to adapter API Adapter](https://reader034.fdocuments.in/reader034/viewer/2022042306/5ed2a150b354ea3ad3581ef9/html5/thumbnails/14.jpg)
![Page 15: Filip Rakowski - Reacticon · performance improvements and much more @filakowski. eCommerce CMS Vue Storefront API Vue Storefront Same for every platform thanks to adapter API Adapter](https://reader034.fdocuments.in/reader034/viewer/2022042306/5ed2a150b354ea3ad3581ef9/html5/thumbnails/15.jpg)
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
![Page 16: Filip Rakowski - Reacticon · performance improvements and much more @filakowski. eCommerce CMS Vue Storefront API Vue Storefront Same for every platform thanks to adapter API Adapter](https://reader034.fdocuments.in/reader034/viewer/2022042306/5ed2a150b354ea3ad3581ef9/html5/thumbnails/16.jpg)
eCommerce CMS
Vue Storefront API Vue Storefront
API Adapter
NoSQL DB
Real-time sync based on product updates for catalog and static data
![Page 17: Filip Rakowski - Reacticon · performance improvements and much more @filakowski. eCommerce CMS Vue Storefront API Vue Storefront Same for every platform thanks to adapter API Adapter](https://reader034.fdocuments.in/reader034/viewer/2022042306/5ed2a150b354ea3ad3581ef9/html5/thumbnails/17.jpg)
![Page 18: Filip Rakowski - Reacticon · performance improvements and much more @filakowski. eCommerce CMS Vue Storefront API Vue Storefront Same for every platform thanks to adapter API Adapter](https://reader034.fdocuments.in/reader034/viewer/2022042306/5ed2a150b354ea3ad3581ef9/html5/thumbnails/18.jpg)
VS theming in 4 sentences
1818
VS Core is a set of components and features exposed for the developers to build themes . It receives upgrades each month!
Your theme is your actual shop. We are providing you with a default theme which you can extend and customize in any way you want.
@filakowski
![Page 19: Filip Rakowski - Reacticon · performance improvements and much more @filakowski. eCommerce CMS Vue Storefront API Vue Storefront Same for every platform thanks to adapter API Adapter](https://reader034.fdocuments.in/reader034/viewer/2022042306/5ed2a150b354ea3ad3581ef9/html5/thumbnails/19.jpg)
@filakowski
This is a core Microcart component. It contains all the business logic required for Microcart to work and is also exposing some methods and properties.
It’s delivered with VS core and receives upgrades.
![Page 20: Filip Rakowski - Reacticon · performance improvements and much more @filakowski. eCommerce CMS Vue Storefront API Vue Storefront Same for every platform thanks to adapter API Adapter](https://reader034.fdocuments.in/reader034/viewer/2022042306/5ed2a150b354ea3ad3581ef9/html5/thumbnails/20.jpg)
@filakowski
This is a Microcart component in your theme.It has Core Microcart functionality injected as a mixin so you have access to all it’s properties and methods. Now you just need to style it.
![Page 21: Filip Rakowski - Reacticon · performance improvements and much more @filakowski. eCommerce CMS Vue Storefront API Vue Storefront Same for every platform thanks to adapter API Adapter](https://reader034.fdocuments.in/reader034/viewer/2022042306/5ed2a150b354ea3ad3581ef9/html5/thumbnails/21.jpg)
@filakowski
This is all you need to have a working component in Vue Storefront
![Page 22: Filip Rakowski - Reacticon · performance improvements and much more @filakowski. eCommerce CMS Vue Storefront API Vue Storefront Same for every platform thanks to adapter API Adapter](https://reader034.fdocuments.in/reader034/viewer/2022042306/5ed2a150b354ea3ad3581ef9/html5/thumbnails/22.jpg)
@filakowski
Of course we are giving you pre-styled components in default theme so you don’t need to start from scratch
You have working shop out of the box ready for adjustments and
customization.
![Page 23: Filip Rakowski - Reacticon · performance improvements and much more @filakowski. eCommerce CMS Vue Storefront API Vue Storefront Same for every platform thanks to adapter API Adapter](https://reader034.fdocuments.in/reader034/viewer/2022042306/5ed2a150b354ea3ad3581ef9/html5/thumbnails/23.jpg)
![Page 24: Filip Rakowski - Reacticon · performance improvements and much more @filakowski. eCommerce CMS Vue Storefront API Vue Storefront Same for every platform thanks to adapter API Adapter](https://reader034.fdocuments.in/reader034/viewer/2022042306/5ed2a150b354ea3ad3581ef9/html5/thumbnails/24.jpg)
specialmilano.com by BitBull
![Page 25: Filip Rakowski - Reacticon · performance improvements and much more @filakowski. eCommerce CMS Vue Storefront API Vue Storefront Same for every platform thanks to adapter API Adapter](https://reader034.fdocuments.in/reader034/viewer/2022042306/5ed2a150b354ea3ad3581ef9/html5/thumbnails/25.jpg)
nomosreddot.thehourglass.com from Singapore
![Page 26: Filip Rakowski - Reacticon · performance improvements and much more @filakowski. eCommerce CMS Vue Storefront API Vue Storefront Same for every platform thanks to adapter API Adapter](https://reader034.fdocuments.in/reader034/viewer/2022042306/5ed2a150b354ea3ad3581ef9/html5/thumbnails/26.jpg)
cucinabarilla.it
![Page 27: Filip Rakowski - Reacticon · performance improvements and much more @filakowski. eCommerce CMS Vue Storefront API Vue Storefront Same for every platform thanks to adapter API Adapter](https://reader034.fdocuments.in/reader034/viewer/2022042306/5ed2a150b354ea3ad3581ef9/html5/thumbnails/27.jpg)
Get_Noticed amazing PoC ecommerce-pwa.io
![Page 28: Filip Rakowski - Reacticon · performance improvements and much more @filakowski. eCommerce CMS Vue Storefront API Vue Storefront Same for every platform thanks to adapter API Adapter](https://reader034.fdocuments.in/reader034/viewer/2022042306/5ed2a150b354ea3ad3581ef9/html5/thumbnails/28.jpg)
![Page 29: Filip Rakowski - Reacticon · performance improvements and much more @filakowski. eCommerce CMS Vue Storefront API Vue Storefront Same for every platform thanks to adapter API Adapter](https://reader034.fdocuments.in/reader034/viewer/2022042306/5ed2a150b354ea3ad3581ef9/html5/thumbnails/29.jpg)
This was lanature.ru by our partner KT.Team
![Page 30: Filip Rakowski - Reacticon · performance improvements and much more @filakowski. eCommerce CMS Vue Storefront API Vue Storefront Same for every platform thanks to adapter API Adapter](https://reader034.fdocuments.in/reader034/viewer/2022042306/5ed2a150b354ea3ad3581ef9/html5/thumbnails/30.jpg)
It’s time for a big announcement!
![Page 31: Filip Rakowski - Reacticon · performance improvements and much more @filakowski. eCommerce CMS Vue Storefront API Vue Storefront Same for every platform thanks to adapter API Adapter](https://reader034.fdocuments.in/reader034/viewer/2022042306/5ed2a150b354ea3ad3581ef9/html5/thumbnails/31.jpg)
Announcing
Vue Storefront 2.0
![Page 32: Filip Rakowski - Reacticon · performance improvements and much more @filakowski. eCommerce CMS Vue Storefront API Vue Storefront Same for every platform thanks to adapter API Adapter](https://reader034.fdocuments.in/reader034/viewer/2022042306/5ed2a150b354ea3ad3581ef9/html5/thumbnails/32.jpg)
Completely new default theme
- Based on dedicated, highly customizable UI library
- Tons of performance, dev experience and architectural improvements
- Possibility to use React and Angular components
- Backward-compatible with default theme 1.0
@filrakowski
![Page 33: Filip Rakowski - Reacticon · performance improvements and much more @filakowski. eCommerce CMS Vue Storefront API Vue Storefront Same for every platform thanks to adapter API Adapter](https://reader034.fdocuments.in/reader034/viewer/2022042306/5ed2a150b354ea3ad3581ef9/html5/thumbnails/33.jpg)
Modular architecture- Everything tested (Unit, E2E) and type checked
(TS)
- Easier maintenance
- Smaller bundles (use only what you need)
- Extensibility out of this world
- Backward compatible with 1.0 (as everything else!)
@filrakowski
![Page 34: Filip Rakowski - Reacticon · performance improvements and much more @filakowski. eCommerce CMS Vue Storefront API Vue Storefront Same for every platform thanks to adapter API Adapter](https://reader034.fdocuments.in/reader034/viewer/2022042306/5ed2a150b354ea3ad3581ef9/html5/thumbnails/34.jpg)
CLI and starter boilerplate with vue-cli integration
vsf init your-project
...and voila!
@filrakowski
![Page 35: Filip Rakowski - Reacticon · performance improvements and much more @filakowski. eCommerce CMS Vue Storefront API Vue Storefront Same for every platform thanks to adapter API Adapter](https://reader034.fdocuments.in/reader034/viewer/2022042306/5ed2a150b354ea3ad3581ef9/html5/thumbnails/35.jpg)
Much much more!
@filrakowski
![Page 36: Filip Rakowski - Reacticon · performance improvements and much more @filakowski. eCommerce CMS Vue Storefront API Vue Storefront Same for every platform thanks to adapter API Adapter](https://reader034.fdocuments.in/reader034/viewer/2022042306/5ed2a150b354ea3ad3581ef9/html5/thumbnails/36.jpg)
Vue Storefront 2.0 will be backward-compatible with 1.x
We are not abandoning anyone! Every VS project will be able to benefit from
new features and improvements!
@filrakowski@filakowski
![Page 37: Filip Rakowski - Reacticon · performance improvements and much more @filakowski. eCommerce CMS Vue Storefront API Vue Storefront Same for every platform thanks to adapter API Adapter](https://reader034.fdocuments.in/reader034/viewer/2022042306/5ed2a150b354ea3ad3581ef9/html5/thumbnails/37.jpg)
@filrakowski
Vue Storefront 2.0Q1 2019
@filrakowski
![Page 38: Filip Rakowski - Reacticon · performance improvements and much more @filakowski. eCommerce CMS Vue Storefront API Vue Storefront Same for every platform thanks to adapter API Adapter](https://reader034.fdocuments.in/reader034/viewer/2022042306/5ed2a150b354ea3ad3581ef9/html5/thumbnails/38.jpg)