Tag Archives: Vue

Sorting table dates in a Vue CLI project

Posted in Javascript on October 9, 2019

Sorting dates in a table was in my experience always a pain. You just don’t think about it and assume it will work out. Well it does, as long as the format of your dates is like 2019-10-09. However, if we show dates in another format, for example 9-10-2019 or even Wednesday, October 9, it stops working. In this post I’ll show how to handle sorting dates in non standard formats using the jQuery Datatables plugin and the Vue Tabulator plugin.

Read more

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

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

How to add push notifications to a progressive web app

Posted in Javascript on November 21, 2018

This is the second post on building progressive web apps using the new Vue CLI 3. Push notifications will be introduced to create a native app experience. Push notifications require quite some work compared to using the Browser’s Notification API as we did so far. We need to setup a backend and add functionality to subscribe for push notifications. In addition, we also need to create a listener in the service worker to be able to show push notifications. Ready? Let’s go!

Read more

Build a progressive web app using Vue CLI 3

Posted in Javascript on October 19, 2018

Progressive web apps are great! Benefits are a wide reach because they are ‘just’ websites and pop up in search results. Moreover, they are very reliable, fast and engaging. Therefore we will explore how to develop a progressive web app using the latest technology: Vue with the new command line tool @vue/cli and plugins. In this post we quickly scaffold the app and add PWA support. Then we focus on sending notifications using the Notifications API.

Read more

Deploying a Vue single page app on Laravel Forge

Posted in Javascript on September 19, 2018

Recently we implemented a single page application in Vue. For local development we simply work on our machine using a node dev-server. However, when it is time to go public with the app, we need a deployment strategy. In this post I will explain our setup for a single page application created with Vue and how we deploy the app to a server using Laravel Forge.

Read more

Building an application with Laravel and Vue

Posted in Javascript on February 8, 2018

It’s now 5 years since we built our first web application and a lot has happened since then. We started with building applications from scratch without any framework. Then we realized it made no sense to write every piece of code ourselves and we started exploring the possibilities to build applications in WordPress. Although WordPress is a great tool, it didn’t have the flexibility we need to build custom web apps. Nowadays we use a combination of Laravel and Vue. We are very happy with the combination of these frameworks and decide to write a blog series about building web applications using Laravel and Vue. This is the first blog of the series.

Read more