In this post I will briefly describe my personal website’s history. It started in 1998. At this point, I have already gone through six iterations. I had already completely forgotten two of them.
Described here is a brief explanation of the evolution steps and the tools and technologies behind each version.
V1 - Geocities#
On May 1st, 1998 the first version of my personal website was put online on Geocities. Geocities does not exist anymore nor does my own website, the old URL is not available anymore.
I don’t even remember exactly what the site was about and what content I put there.
V2 - www.markus-haack.de#
On December 12th, 1999 I registered my first domain markus-haack.de at NetBeat. Initially, it was just a HTML frameset embedding the Geocities site. “frameset” is not used anymore these days, it was only available till HTML 4.
V3 - blogger.com#
In October 2004, after the site was in deep sleep for a while, the first blog “Klasse Kaffee” was launched on blogger.com platform. And I started posting more frequently.
V4 - Wordpress#
On 19. December 2005 I announced the move of “Klasse Kaffee” to my own hosted space. This was the time at which I gained my first experience with Wordpress 1. The initial theme of the site was called MX4. In 2006 the site was upgraded to Wordpress 2.0. Also, this version is available in the Internet Archive.
I blogged regularly until 2010, after which I lost interest a little.
V5 - Gatsby#
How the time flies … In 2019, 9 years later, I reactivated the domain and started blocking again. It was a fresh start. The entire site was rebuilt with React from scratch using Gatsby using the Stellar theme. A snapshot is still available in the Internet Archive.
The redesigned blog also got a new markus-haack.com domain. The .de domain markus-haack.de still exists, it redirects to the .com domain.
I started writing in English, which was something I had never done on my blog before. I mostly write about smart home and IoT (Internet of Things) projects I have built. I also post professional news occasionally.
Later in 2019, I switched the theme to Novela which was, back then, actively maintained and updated.
V6 - Eleventy#
There is one big difference between the two tools: even a site without any JS, or that is entirely server-side rendered, will still ship a bunch amount of client-side JS to make it feel “lightning fast”. It seems logical to only send JS to the client when it’s actually needed, so for a simple static site, like this blog it’s unnecessary. That’s why Eleventy seems like the better choice.
Getting started with Eleventy was pretty easy. The documentation is excellent and there are plenty of how-to guides like this one.
The initial template I used was the Eleventy Duo theme. While it helped me get the site up and running, I added quite a few extensions and customizations. As the site got more and more complex, I re-wrote the entire CSS to Tailwind CSS and little remains of the original template.
Source hero image: unsplash.com