Pim Hooghiemstra

Webdeveloper and founder of PLint-sites. Loves to build complex webapplications using Vue and Laravel!

About Pim Hooghiemstra

Webdeveloper and founder of PLint-sites. Loves to build complex webapplications using Vue and Laravel!

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

Local Laravel development and SSL on Homestead

Posted in PHP on April 27, 2018

Just a quick write down of the steps we took to add a SSL certificate to our local Laravel projects that run using Homestead. Google changed their automatic redirects for the .dev extension in URLs shaking up the developer world. But using new browser APIs such as MediaDevices (for accessing device camera and microphone) also requires your website to run under the https protocol. Time to add a SSL certificate for your local projects and enable an automatic redirect.

Read more

Laravel-mix and the spread operator

Posted in Quick tips on November 17, 2017

Out of the box, the excellent Laravel-mix package does not support the use of the ES6 object spread operator. Here is a quick tip which enables it in your project. Very usefull in combination with Vuex/ Redux implementations in which you often want to quickly clone an object.

Read more

Our Vue starter pack

Posted in Javascript on October 26, 2017

With vue-cli you can scaffold a new Vue app quickly. There are various templates out there you can use. Just typing vue init template-name, installing and running is all it takes. However, we tweaked the standard webpack template a little to incorporate Vuex and to have two pages using VueRouter. Just a simple starter for our own projects.

Read more

Spicing up a Laravel webapp with Vue

Posted in Javascript on October 20, 2017

Improving an old codebase by adding Vue to it. Yeah! Although only partly visible in the frontend of the webapp, we completely changed our client side code. We ditched jQuery and used Vue in our administration app.

Read more

Testing Vue components in an isolated way using Storybook

Posted in Javascript on October 12, 2017

Testing your components in Vue is a good idea. You can use unit tests or end-to-end tests. However, testing the look and feel of your components is also possible by simply watching how they render in the page for a specific state of the UI. In this post I’ll discuss two approaches for isolated testing of your Vue components inside a Laravel project.

Read more

Did js-beautify break the internet?

Posted in Javascript on September 19, 2017

Monday september 18th, the Vue world is in shock: the vue-cli doesn’t work anymore. A new release of the js-beautify package breaks the npm install command. An issue on Github quickly gets a lot of comments. People are yelling that they can not work and can not ship app X to customer Y. A breakdown of what went wrong.

Read more