In the previous post I introduced our fictive webshop with a product configurator. The plan is to build this configurator using Vue. To manage the state of the application I’ll use Vuex. In this post the Vuex store is introduced with modules, state, actions and mutations. At the end I even include a small test implementation.

We see it more and more these days: product configurators in webshops. The customer may choose from a wide variety of options to create a personalised product. The techniques to develop such a product configurator also vary widely. In this blog series I’ll discuss our approach using Vue. In the first part I’ll go over the concept, a sketch and defining the components.