Articles
Long-form deep dives into the things I find interesting. Mostly front-end, sometimes opinions.
ArticleFebruary 3, 2026
Building a Winter Olympics Slack Bot with AI-Generated Bilingual MessagesA deep dive into building a Slack bot that keeps colleagues informed about Dutch athletes at the 2026 Winter Olympics, featuring AI-generated bilingual messages, dynamic schedule discovery, and enthusiastic sports commentary.
ArticleAugust 20, 2025
Move from Basic Autocomplete to AI-Powered Development WorkflowsMost developers think AI assistance begins and ends with autocomplete suggestions. But after building everything from complete web applications to voice interfaces using AI tools, I've discovered workflows that transform how we approach development entirely. This isn't about replacing human skills - it's about augmenting them to tackle more ambitious problems, learn faster, and ship better software. Whether you're skeptical about AI or already using basic tools, here's your roadmap from simple suggestions to AI-powered development workflows.
ArticleAugust 11, 2025
From Idea to Intelligent Running Coach: Vibe Coding with n8n and AII set out to make my mornings easier and build something fun: a personal running coach that lands in my inbox at 6am. Using n8n Cloud to orchestrate APIs, Cursor to generate the workflows and code nodes, and Gemini to turn weather data into clear coaching advice, I wired up a simple scoring model, friendly analysis, and a nicely styled email (yes, the AI handled the email CSS). This is a practical walkthrough of the approach—less handwritten code, more connecting services—what worked, what didn’t, and why this pattern feels like where everyday developer automation is headed.
ArticleAugust 1, 2025
Top 10 ways AI can help your dev workflow outside of code generationAI tools like Cursor and GitHub Copilot can do way more than just generate code. I've been exploring how to use them for documentation, commit messages, code reviews, and other workflow tasks that often get skipped. Here are some practical ways to expand how you use AI in development beyond the usual code generation.
ArticleMay 27, 2025
My experience AI vibe coding a complete web application from scratchDiscover how I built a complete breathing exercise web app without touching a single line of code, using AI to transform an idea into a fully functional product. What was good, what was bad and is this where we are heading in our industry?
ArticleMarch 20, 2025
Three days of AI and Cloud at Google ParisAs part of being a Google Developer Expert, I’m fortunate to be able to join certain Google events to connect, learn and share. The past week I was invited to Google Paris for three days of everything around AI and Cloud. Here’s a short recap with interesting things I heard and what inspired me!
ArticleAugust 16, 2024
View Transitions for Multi-page AppsWe finally have (experimental) View Transitions for Multi-page Apps (MPA)! Let’s explore why this is cool and how we can use it.
ArticleMay 15, 2024
On-the-Fly Machine Learning in the Browser with TensorFlow.jsTensorFlow.js is an incredibly powerful JavaScript library for training and deploying machine learning models in the browser and Node. js. Let’s explore this library by building a teachable machine!
ArticleMarch 8, 2024
Progressively Enhance Handling Your Forms With React.js Server ActionsA large part of adding interactivity to your applications is through forms. Single Page Applications SPAs have not always handled this part the best. Let’s have a look at how we can use React.js Server Actions to handle your forms progressively enhanced.
ArticleNovember 16, 2023
Reducing latency in AI Speech SynthesisAI-powered speech synthesis is getting incredibly realistic. This opens up many possibilities to generate realistic audio based on the text you provide. Whilst relatively fast, the latency still isn’t low enough for “real-time synthesis”. Let’s optimise that!
ArticleNovember 2, 2023
Interacting with ChatGPT through Voice UI on the webHow can I improve the way someone interacts with ChatGPT? How can I make it feel more natural than a dreadful “chatbot”? Can I create something cool? Those were some of the questions I asked myself recently while starting a two-day hackathon at iO. I’ll take you through what I build, how, and most importantly, why.
ArticleAugust 1, 2023
Finite State Machines in JavaScriptApplication state can make any application complex real quick. Let’s have a look at Finite State Machines in Javascript to resolve some of these complexities.
ArticleMay 4, 2023
How to make your GitHub profile stand outIn this article, we will look at how you can make your GitHub profile stand out from the crowd.
ArticleApril 11, 2023
The File System Access API: Unlocking New Possibilities for Web DevelopersThe View Transitions API has landed in Chrome. Let’s have a look at how the API works and why it will change the feel of the web.
ArticleDecember 7, 2022
Unleash the Power of Web Workers for Blazing Fast JavaScript ExecutionWeb Workers are a valuable tool for JavaScript developers, allowing for concurrent execution of code and improved performance and user experience. In this blog post, we explore the benefits of Web Workers and provide a practical use case with code examples.
ArticleNovember 15, 2022
You need CSS Cascade LayersLet’s have a look at how you can better structure your CSS layers with CSS Cascade Layers!
ArticleOctober 20, 2022
Developers are not Trusted Types!Even with our best intentions as developers, we all make mistakes. XSS being one of the most common web vulnerabilities on the web proves that we need to better defend ourselves and our users against this. Let’s see how Trusted Types can help us!
ArticleSeptember 7, 2022
How do I setup CI/CD & hosting?How to build a component library Part 4: Setting up CI/CD & hosting.
ArticleAugust 31, 2022
How do I set up linting, unit, snapshot and visual regression testing?How to build a component library Part 3: Setting up linting, unit, snapshot and visual regression testing.
ArticleAugust 24, 2022
How do I pick a front-end framework & showcase it with Storybook?How to build a component library Part 2: Picking a front-end framework and setting up Storybook.
ArticleAugust 17, 2022
How do I set up a Monorepo, SemVer strategy and Private package registry?How to build a component library Part 1: Setting up a Monorepo, Semver strategy and Private package registry.
ArticleJune 29, 2022
Smart cropping with native browser Face DetectionMany online services will help you with cropping an image while keeping face(s) in view. We can however do this just using an (experimental) browser native API. Let’s build it!
ArticleJune 8, 2022
The infinite legacy cycle in front-endProjects often become legacy in an incredibly short time. I have spoken to people in technology with a variety of skills, experience and roles. Time to find out how they think about this, what tips they have to prevent these issues and more.
ArticleFebruary 15, 2022
Remix’ powerful hidden feature you might not have noticed yetThere is an awesome feature in Remix that is easily overlooked, but is incredibly powerful! Let’s have a look at the Remix handle export object.ArticleJanuary 7, 2022
Remix LoaderFunction vs ActionFunctionThe LoaderFunction and ActionFunction are two core functionalities of working with data in Remix. Let’s have a look at how they work.ArticleDecember 8, 2021
First look at RemixThere has been a lot of buzz around the open-source release of Remix. I took a first look by following the deep-dive tutorial and this is what I found.
ArticleAugust 4, 2021
You should use the Intl browser APIIf you have worked with internationalisation in a project you know what a hassle it can be. Besides the regular content, you have to worry about the formatting of numbers, currencies and dates. In this article, we’ll go over how we can make this easier with Intl.
ArticleJune 4, 2021
Why I write and you should tooWriting articles is one of the things I started doing fairly regularly over the past year. It took quite a while for me to get into it so I want to share why I write and why you should start.
ArticleFebruary 17, 2021
Design handoff in the browserI strongly believe in the concept of leveraging design handoff in the browser. I noticed many benefits for me as a front-end developer and the designers I work with using this approach. In this blog post, you will find out why you should design in the browser, how it works and how to start
ArticleJanuary 19, 2021
I build a neumorphic Pomodoro to stay saneThere is this view many developers share of having a productive coding session by crawling behind your laptop, put on your fancy noise-cancelling headphones and grinding out a few hours of work. I often fall for this novelty of hyper-productive work state in development. Since working full-time from home I noticed a serious decline in my productivity and focus. How is this possible and how can I resolve this?
ArticleDecember 7, 2020
A simple, yet detailed introduction to Next.jsMany of my articles regarding Next.js are intermediate to advanced. Even though there are many articles out there for starting with Next.js, I want to share my point of view and perhaps help you on your way to creating your first kick-ass Next.js application.
ArticleOctober 8, 2020
How can we develop and design for a PWA to deliver the best native user experience?Progressive Web App (PWA) is often written about. These articles, including mine, mostly only cover the technical parts. Although vital, one aspect of building a successful PWA is design. How can we develop and design for PWA to deliver the best native user experience (UX)?
ArticleSeptember 2, 2020
Next.js page generationI often write about Next.js as it is my go-to framework when developing interactive React.js web applications. One of the core features of Next.js is the ability to generate pages on the server. Let's have a look at what is possible, how this works and how can leverage this when building web applications.
ArticleAugust 17, 2020
How to take an idea from sketch to a fully functioning and rapidly built prototype?I often come up with new ideas for applications and tools. I used to stop at sketching these ideas in my notebook to build whenever I have spare time. I asked myself 'How can I take my idea from sketch to a fully functioning and rapidly built prototype?'.
ArticleAugust 14, 2020
Next.js API routesNext.js is my framework of choice for any React.js application I develop. One of the big features I haven't covered before is Next.js API routes. Although not as big of a feature as page generation, it is one of the features I'm starting to enjoy more and more. Let's have a look at this feature and how to use it.
ArticleJune 12, 2020
You might not need a native app"We need a native app for performance, the 'feel', offline functionalities, notifications and...". Native apps have provided fundamental functionalities that serve the purpose of creating a wonderful user experience. But, you might not need that native app and opt for the technology of the wondrous web!
ArticleJune 11, 2020
Building a Number Code InputI often come across Number Code Inputs on various websites used for security measures, voucher codes and more. These Number Code Inputs often have a bit more functionality behind them then you might think at first. Let's create our own as an exercise.
ArticleMarch 31, 2020
How can I handle SEO in my Single-page application?One of the biggest drawbacks when building a Single-Page Application (SPA) is to provide solid Search Engine Optimisation, often shortened to SEO. How can we improve SEO with some modern tools and techniques I love the most?
ArticleFebruary 3, 2020
Implementing the latest web technologies to boost the Mirabeau blogThe Mirabeau blog was suffering from technical debt. I decided to rebuild it using the latest web technologies to make it 2020 ready, which includes boosting the overall performance and user-friendliness.
ArticleOctober 1, 2019
Writing progressively enhanced custom inputs for the webHow can we make custom inputs for the web while still offering a working solution without JavaScript?