A look underneath the hood

The source code for this website can be found on Github.

This website is statically generated with Gatsby and coded in Typescript using React. I am pretty sure you could consider it to be a JAM stack setup. In its current form, it is a little over-engineered, but it does give me the freedom to experiment, or, at some point, plug in a headless CMS if needed. Also, I really like working with React. It’s pretty dang solid imo.

For styling, this website uses Tailwind with a custom color scheme. The font in use is the open source Space Grotesk, and I opted to use the variable font as this removes the need for multiple font files.

I roughly designed this website in Affinity Designer and then fine-tuned everything during development.

As mentioned there is no CMS in use at this time, but for this project I would probably implement Decap CMS. This integrates well with the CI/CD deployment from the repository onto Netlify. Netlify is very reliable and the user interface is very easy to use. Their generous free-tier hosting allows me to have this website up for €0 per month.