In this article, I will show you how to set up a shared GitHub Actions workflow configuration that follows the paved road principle. You’ll learn how to create a reusable workflow template that can be easily adapted and shared across multiple repositories. We’ll cover the benefits of using a shared…

First, we dive into the difference between Static site generation and Server-side rendering. How an old fashioned HTTP caching can increase your performance by 10 times without breaking a sweat! Static site generation. So it’s you and your computer. You have got your website and it’s time to build. So you say: yarn…

This is part two of our mono repo setup. In the first part, we created a mono repo with Lerna and TypeScript. In this part, we will focus on adding Jest to our setup. You can find the full example and more in the template repo: https://github.com/ahoopen/typescript-mono-repo Installation Let's install our…

This is were the fun starts! Setting up a mono repo from scratch. We will be using TypeScript, Yarn workspaces, Lerna, and Jest. The release of the packages will be done with Github Actions. In this part, I will explain step by step how to setup Lerna, Yarn Workspaces and…

At Albert Heijn our frontend is based on a micro-frontend architecture, resulting in a lot of standalone web applications. Keeping all the apps aligned with the latest updates, migrations, and technology can be a challenge. To not write the same code over and over, we make use of shared NPM…