Vue

Using Cloudinary and Storyblok to Handle Assets for a Vue.js Application

In this article we‘ll learn how we can combine the awesome digital asset management platform Cloudinary with the power of Storyblok to automatically handle image optimazation for us. We‘ll also explore how we can use the additional data, like the dominant color or the aspect ratio of an image, provided by the Storyblok Cloudinary Assets plugin, to implement enhanced image lazy loading...

Read more

Implementing a Simple Middleware with Vue Router

The concept of Middleware in frameworks like Laravel makes it fairly easy to do things like requiring an authenticated user for certain routes. Today we‘ll explore how we can implement a similar concept in the Vue.js world using the Vue Router...

Read more

Building a Simple Ken Burns Slider with Vue.js

Clients love them, most web developers hate them: sliders with fancy transition effects. Today we’ll build a very simple implementation of an image slider featuring the famous Ken Burns transition effect...

Read more

Automatic SPA FTP Deploys with CircleCI

Most of my articles are about the latest and greatest tools and technologies out there. One of the nice things about writing blog articles, in order to explore new technologies, is that it's a theoretical exercise. There is no client who dictates the specifications and there is no preexisting legacy stuff you have to consider...

Read more

Lazy Loading Responsive Images with Vue.js

In todays article, we'll take a closer look at how we can build our own custom lazy loading image component with Vue.js. We'll use the very fast and lightweight Lozad.js package for handling the lazy loading logic for us and we'll enhance it with the ability to display the dominant color of the image as a fallback color...

Read more

Building a Custom Storyblok Field Type Plugin With Vue.js

In recent weeks I played around with a ton of headless content management systems. To cut a long story short: there are a lot of bad and a couple of pretty good ones out there. At the end of my journey, I was left with two systems I both very much enjoy: Contentful and Storyblok...

Read more

Building a Pre-Rendered Website With Nuxt.js and Storyblok

In recent weeks I played around with a ton of headless content management systems. To cut a long story short: there are a lot of bad and a couple of pretty good ones out there. At the end of my journey, I was left with two systems I both very much enjoy: Contentful and Storyblok...

Read more

How to Pre-render Vue.js Powered Websites With webpack

In my recent article, we built a landing page type website powered by a headless CMS and Vue.js. We've seen how quickly we can build a simple site with these two technologies. However there is still a major problem with the result of our work: the loading performance is pretty terrible...

Read more