Going all-in on one’s beloved side-project? Sounds great! But how do you know it is the right project and time to do so? Let’s take a look at a simple concept. Side projects are increasingly popular. Partly because it has become easier than ever to create and distribute. …

ESM and CommonJS are Javascript’s module systems. Let’s understand how they compare and when to choose which system. ES Modules (or short: ESM) and CommonJS (or short: CJS) are the two module systems in Javascript that are actively being used. Module Systems allow us to share and reuse code easily…

Stiches.dev lets you write performant CSS-in-JS. Let’s see how we can speed up creating variants with your color palette! I recently came across Stitches.dev when I rebuilt my portfolio. Using a CSS-in-JS library with almost zero interpolations at runtime and a very well designed API seemed appealing — so I…

Next.js 12.2 includes a totally revised component for image optimization. Let’s see what has changed. — Note: Right now, the newer next/image component is still under development and only available using the experimental flag. With Next.js 10 and the then introduced next/image component, serving images became a lot easier. …

Without a doubt, Notion.so is one of my favorite apps when it comes to organizing notes. I love their minimal designed text editor because it focuses your attention on the content — and not on unnecessary UI elements. Yet it provides you a ton of powerful features that lead to…

Get the cursor coordinates and index position to display interactive UI elements! — Yes, I know… there are certainly more exciting topics to write about than dealing with cursors on a web page. But since I struggled a lot with this issue in my latest project, I decided to share my approach — hoping that it might help one or the other. In…

This article should provide a general understanding of how Gatsby works and how it can be used to create a personal website from scratch. If you are new to Gatsby, this article is for you. I recently published the first iteration of my personal website. Since I haven’t had a…

The web is a great platform. It’s an open-ecosystem that anyone can use and build on. Sometimes, however, it is not possible to build exactly what you want due to missing capabilities. Think about a messaging application that should use the contact list on your smartphone to select friends to…

These days, the discussion about Progressive Web Apps is often primarily focused on whether they will replace native apps or not. And while this might be an interesting topic to talk about, people forget about the first and foremost intent PWAs were built for: Enhancing the web’s user experience. However…