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.

The pulsing blobs in the background are animated using D3 and the shapes where generated using the Blobmaker website.

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.