Why rewrite your site 6 times?
Please, I can justify it this time I swear
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.
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 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.
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 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 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.
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.
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.
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||First commit||Latest commit||Summary|
|Legacy||Here||See source||HTML/CSS/JS, first dive into webdev.|
|Version 1||Here||Here||Direct port of Legacy to SvelteKit.|
|Version 2||Here||Here||Explored “advanced” CSS styling, written with SvelteKit.|
|Version 3||Here||Here||Dead within 6 commits. Used Svelte and Astro.|
|Version 4||Here||Here||Started to take webdev seriously, and wanted my own internet space. Written with SolidJS, WindiCSS and Vite.|
|Version 5||Here||Here||Supposed to be the rewrite to end all rewrites - look how that went… Written with SolidJS, TypeScript, WindiCSS and Vite.|
|Version 6||Here||Here||The current version! Written with Astro, and styled using the Catppuccin colour scheme.|