I am Markus Oberlehner,
a Web Developer working at Akarion.

Open Source is my passion. I'm the creator of vuex-map-fields, vue-lazy-hydration, and node-sass-magic-importer.

Personal Projects

  • vuex-map-fields is a package that enables two-way data binding when using Vue.js in combination with Vuex.

  • vue-lazy-hydration is a renderless Vue.js component to improve Estimated Input Latency and Time to Interactive of server-side rendered Vue.js applications. This can be achieved by using lazy hydration to delay the hydration of pre-rendered HTML.

  • node-sass-magic-importer is a custom node-sass importer for selector specific imports, node importing, module importing, globbing support, and importing files only once.

Latest Articles

Telling a Story with Test Code

A few weeks ago, I wrote about naming unit tests BDD style using Given/When/Then. In this article, I have expressed the thought that I do not like to repeat information in the description and in the expect statement. After writing some tests the way I've described in this article, I noticed a couple of drawbacks...

Read more

Cut Your Nuxt.js generate Build Time in Half with context.payload

One of my freelancing projects is a Nuxt.js project powered by the headless CMS Storyblok. Because performance is critical, I decided to use Nuxt.js in generate mode outputs static HTML files for each page at build time. But because Nuxt.js needs to generate 1.000+ pages, the build time got long...

Read more

Building Partially Hydrated, Progressively Enhanced Static Websites with Isomorphic Preact and Eleventy

One of my top priorities is to create the fastest possible websites (think marketing sites, not web applications), but I also don't want to do without modern tools and a component-based workflow. While there are developments in the right direction, I don't think tools like Gatsby and Nuxt.js are quite there yet when it comes to building content heavy, mostly static sites...

Read more