Creating a product configurator with Vue #3

Posted in Javascript on May 29, 2019

This is the last part in the blog series about creating a product configurator for a fictive webshop. The product configurator is build using Vue. In the previous post we discussed the Vuex store. In this post the components are discussed. We leverage the strength of v-model and create the product configurator using container and presentational components.

Read more

Creating a product configurator with Vue #2

Posted in Javascript on May 15, 2019

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.

Read more

Using WordPress as API for Laravel (2) – Connecting Laravel to WordPress

Posted in PHP on May 8, 2019

This is the second post on using the WordPress as API for a Laravel application. We describe how to setup the authentication, so that Laravel can retrieve the posts and pages created in WordPress. We use this setup in a project that was originally created in WordPress. It already had a lot of content, and also for new posts WordPress was the prefered choice, because of its great features to manage posts, revisions, comments and images. At the same time, Laravel is our prefered choice to build the custom features of the project, because of its great flexibility.

Read more

Creating a product configurator with Vue

Posted in Javascript on May 1, 2019

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.

Read more

Adding Workbox to a @vue/cli PWA

Posted in Javascript on April 10, 2019

Workbox is the workhorse for progressive web apps of today. With only a few lines of code we get precaching, runtime caching and offline mode. In this post I’ll show how to add Workbox to an existing PWA built with @vue/cli and the pwa plugin to obtain a perfect score of 100 in Google’s Lighthouse tool.

Read more