How Vue Storefront extensions look like?

Depending on needs Vue Storefront extensions can have two parts:

Where extensions are located

  • On the client side extension modules should be placed in src/modules folder of vue-storefront or installed via NPM cli and registered in src/modules/index.ts
  • On the server side extensions should be placed in src/api/extensions folder of vue-storefront-api and registered in config file

Writing extensions

If you are writing VS extension as an NPM module start package name with vsf- prefix so it can be transpiled with other VS code and ship it as a raw es6/typescript module. If you don't use the prefix you need to handle transpilation by yourself. We are currently building extension boilerplate to make it easier to develop one.

Here you can find two articles explaining how to create custom Vue Storefront extensions:

IMPORTANT If you are an extension developer please join #extension-dev channel on our slack to receive information about important API updates and new features

Extensions list

You can find a curated list of VS extensions in Awesome Vue Storefront list.