Home About Projects Links Articles
webdev
misery

Why rewrite your site 6 times?

Please, I can justify it this time I swear

2022-09-10

What?

If you’re not aware, the site you are currently viewing is the 6th 7th iteration - each time being a complete rewrite. Each version used a subtly different framework, too!

This article will serve as a comprehensive list of this site’s iterations, as well as justification for rewriting it so many times.

History

Legacy / Version 0

This iteration was written in HTML, CSS and JS, and was my first dive into web development. There is no hosted version anymore. The source code is here. During this time, my online name was rem, a decision I regret.

Version 1

Version 1 marked the migration from GitHub Pages to Vercel. It was written using SvelteKit, and was effectively a direct port of Legacy. It remained relatively similar to the first commit throughout it’s lifespan. Here are the first and last commits.

Version 2

In Version 2, I explored “advanced” CSS styling, using transitions to animate page switching, among other things. It was also written using SvelteKit, and made use of the Dracula colour scheme. Between the first working commit and last commit, I moved back to using Beef as my online name.

Version 3

Version 3 was… certainly an interesting case. It had 6 commits, with only 4 of them adding meaningful content, and some being outright broken on Vercel. The first commit did not work, and the last commit edited the README. This was the result of me being unable to deal with a few annoyances I encountered when using Astro and Svelte together - for example, fonts would not load properly. Considering the current iteration is also written with Astro, I guarantee these issues came from lack of experience as opposed to software bugs.

Version 4

Version 4 was when I began to take web development more seriously. I wanted a real portfolio, and my own space on the internet. Unfortunately, this version never quite became what I imagined, remaining with placeholder text on the front page throughout it’s lifespan. I am still proud of it, however, since it is written fairly sanely, using a tech stack of SolidJS, WindiCSS and Vite. The first 2 commits (4 deployments) did not work. Here is the first working commit and the last commit.

Version 5

In this iteration, I (at the time) thought I had perfected my website. Oh, how wrong I was! It used the same tech stack as Version 4, alongside TypeScript. The idea was that I would make it maintainable, preventing further rewrites. However, I quickly realised that a SolidJS app is not a good fit for a static site like this one. I never made use of the reactivity, so what was the point? In the end, I started work on yet another rewrite. Despite this, I am still proud of it. Here is the first commit, the first restyling commit, the second restyling commit and the last commit.

Version 6

The version you are looking at! I am very proud of it, as it uses an amazing tech stack consisting of Astro, UnoCSS and Vite. The styling makes me happy, Catppuccin is very nice. I’ve said this with every iteration but I truly believe that Version 6 can be maintainable into the future, and should stop me from rewriting again. No promises, though. Here is the first commit and the latest commit.

Justification

The reason I have chosen to rewrite my website so many times is due to this simple reason - I am a perfectionist. I always find a new flaw in my site, or a new framework that would fit my site better than whatever it is currently using. Thus, I run the dreaded command:

git switch --orphan <version>

And get on my way, coding a new version of this website.

Version table

VersionFirst commitLatest commitSummary
LegacyHereSee sourceHTML/CSS/JS, first dive into webdev.
Version 1HereHereDirect port of Legacy to SvelteKit.
Version 2HereHereExplored “advanced” CSS styling, written with SvelteKit.
Version 3HereHereDead within 6 commits. Used Svelte and Astro.
Version 4HereHereStarted to take webdev seriously, and wanted my own internet space. Written with SolidJS, WindiCSS and Vite.
Version 5HereHereSupposed to be the rewrite to end all rewrites - look how that went… Written with SolidJS, TypeScript, WindiCSS and Vite.
Version 6HereHereThe current version! Written with Astro, and styled using the Catppuccin colour scheme.