Blog Posts & Notes And a Byte of Insight
Focus
Vue / Nuxt
Blogposts
& Notes
Front-End Forays & Framework Fables
Dive into my blog and read about web experiments, case studies, proof of concepts, Vue, Nuxt, technologies of all kind and beyond.
Deep Dive into Nuxt-SSR, -Hydration and -Islands
Published on
Server-side rendering (SSR) with Nuxt.js offers a solution to the slow loading times and SEO issues of traditional SPAs. The innovative combination of hydration and Nuxt Islands allows developers to merge static HTML with the interactivity of JavaScript frameworks. This enables precise control over when components become interactive, thereby optimizing the performance of complex applications.Building High-Performance Caching Layers in Nuxt 4
Published on
Modern web applications demand lightning-fast response times while maintaining fresh content. This comprehensive guide explores building a sophisticated three-tier caching architecture in Nuxt 4 that reduces API calls by 80% while ensuring content freshness through intelligent ETag validation.Visual regression tests for Vue/Nuxt: Histoire and Lost-Pixel
Published on
Let's discover Histoire and Lost Pixel on is a streamlined, Vite-native story tool for Vue/Nuxt and the other one is versatile image-diff engine - the question is do they match, are they able to tackle storybook along with chromatic for visual regression testing?Visual regression tests for Vue/Nuxt: Storybook & Chromatic
Published on
Visual regression tests ensure that your UI components’ appearance doesn’t change unexpectedly when new code is merged - they catch subtle style shifts and layout regressions before your code reaches production.Case Study: Blazingly fast website for the Energy Sector
Published on
Until 2021, energy providers website ran on Vue 2 with inconsistent code, no centralized state, mixed styling, and poor developer experience. I was hired to audit and rebuild, migrating to Nuxt 3, TypeScript, Pinia, Tailwind, Storybook, automated tests, and a BFF with Redis caching. The aim: scalable maintainability and top-tier Core Web Vitals—now green for LCP, CLS, and INP.Why Atomic Design? Benefits & Implementation
Published on
Brad Frost, applies the concept of emergence—where simple elements combine to create more complex, functional systems whose properties exceed the sum of their parts. In modern web applications, these elements take the form of reusable UI components that scale from basic building blocks to full pages.Animate Gradients in CSS: Techniques & Examples
Published on
Background-Gradients can look nice, are very trendy and are supported relatively easily by any modern browser, but if you want to animate them now, you have to do some tricks. Background gradients cannot be addressed directly via CSS keyframes – nevertheless, there are ways and means to animate them on the web — even without JavaScript. Discover an experimental method to animate CSS gradients using SASS loops.An experimental Flex-Gap property mixin
Published on
Sometimes, working with CSS can be frustrating (to be fair, I mostly work with SASS and haven’t touched vanilla CSS in ages).
Thoughts, learnings, and things I’ve figured out along the way
From dev tips to case studies and personal takes — my blog is where I share what I’ve learned, what worked for me (and what didn’t), and ideas I think could be worth talking about.
A few lines of code can spark a whole lot of innovation!
Since 2015, I’ve been transforming digital visions into reality and complex challenges into fun, engaging solutions - always having performance, accessibility and maintenance in mind.
RheinEnergie
Agital-Online / esyoil
IU Internationale Hochschule (formerly IUBH)
Logic Joe
Guide 2
CFO Management
KRAVT / Katjes
Lions Club Hamburg
Traffic Partner
Austin Frasier
Workgenius
Progressive