Felix Mokross

Building a blog with Next.js

With this post, I want to share how this blog works. If you are interested in how to build your own blog from scratch using Next.js, this post is for you. It stays on a high level, so no prior knowledge of Next.js is needed.

Upgrading to React 18

With the recent release of React 18, many existing apps will face the upgrade from an earlier React version. In this step-by-step guide I show how to upgrade a CRA-based app, which uses React Query.

Merging CSS classes

Elements in a web app often need to receive CSS classes in multiple ways at once: statically, conditionally, and passed as component prop. This post shows how to merge these CSS classes using a simple utility function; as an alternative to using a third-party package.

Code samples with line highlighting

For this blog I want to be able to present source code samples in which I can highlight individual lines. In this step-by-step guide I show how to build a React component which provides this feature.

Setting up a Next.js app with TypeScript, ESLint, Prettier, and Tailwind CSS

There are a few tools which I use in basically every new web development project: TypeScript, ESLint, Prettier, and Tailwind CSS. As I was spinning up multiple new sites recently, I wrote down this short cheat sheet on how to set these tools up in a new Next.js app.