filip rakowski - reacticon · performance improvements and much more @filakowski. ecommerce cms vue...

38

Upload: others

Post on 27-May-2020

6 views

Category:

Documents


0 download

TRANSCRIPT

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
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

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

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

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

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

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

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

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

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

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

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

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

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
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

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

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
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

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

@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

@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

@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

@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
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

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

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

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

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
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

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

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

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

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

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

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

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

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

@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