<VR>

  • Home
  • Talks
  • Podcast
  • Blog

On keeping a changelog

Published on Jun 15, 2022

šŸ›«4 mins to read

  • changelog
  • website
  • chronicles
  • semantic versioning
  • semver
  • gatsby
  • wordpress
  • thoughts

This website you are on has gone through multiple iterations over the years. At first, it was a stock Wordpress site (I was into minions back then) because that was the fastest way to get my thoughts on a URL. Bare bones, hardly any customization.

Stock wordpress version of this website

Then, I worked on a theme and got the taxonomy to a better place. Thanks to Wayback machine for storing copies of some portions of it. I wish I had done a better job of retaining some of my older work.

  1. viii.in
  2. vinayraghu.com
Themed wordpress version of this website

Later, when I got into Javascript, I rebuilt the whole thing as a singe page Ember application.

Ember app version of this websiteAnother screen shot of Ember app version of this website

And currently, it is a Static site built via Gatsby.

Drafts

These are just the versions I shipped. Outside of that there are several failed redesigns, refactors and ground-up rewrites. I recently wrote about how incremental changes are much better than full blown refactors precisely for this reason. I think my problem is I love learning new technology and rebuilding my website is a familiar problem that I can recreate in different stacks as a learning exercise.

When the desire to redesign is combined with a desire to learn a new technology and actually push new features, thereā€™s way too much scope in that ambition.

I listen to shop talk show regularly and one of the ideas that comes up from Dave Rupert is the idea of ā€œElon musk big bucksā€ token. For every project, you have one or two tokens where you can try something new but everything else remains simple or familiar. This way youā€™re still productive while learning one or two new things. As opposed to wanting to:

  1. Redesign the site
  2. Use tailwind
  3. Publish a design system and tokens
  4. Move to Next JS
  5. Consolidate routesā€¦

You get the idea.

Changelog

That brings me to the idea of a changelog. I love it because I want to chronicle my website and see how it has changed over the years. This actually is a little restrictive as I cannot throw away pieces that hold me back like the folder structure of how my blog posts are stored in the file system. But this is what will ensure I can go back in time and see pieces of the website over the years.

Hereā€™s a link to my changelog. This is done mainly to chronicle the big changes to my site over time. I want to be able to publish a set of changes and look back at how the site evolved over time. I feel like thereā€™s renewed focus back on personal blogs after we all took a hiatus and ported everything over to blogging platforms that eventually died or ruined their UX to increase signups and becoming walled gardens. I feel like now is a great time to own and be active on a personal developer blog. It's open, mostly free and you get to keep your content for perpetuity.

More importantly, I want to be able to record all changes done over time for my own amusement.

Along with keeping a changelog, I think itā€™s important to customize it in a way that makes sense for your project. This isnā€™t software that is sold or collaborated on by other people, so its a lot simpler and different from your typical changelog.

My Changelog rules

Unreleased changes

I find that maintaining a set of unreleased features does not work for me. I keep shifting priorities based on the day and what happens in that day so I canā€™t commit to a specific feature. Just that Iā€™ll keep pushing changes.

Whatā€™s considered a change

A change can be a blog post or a bug fix or a UI tweak. Iā€™ll write a whole post about my process but I think this was a missing piece for me because I considered only publishing a blog posts as success and that kept me from working on features I really liked, for example the tags page.

Semantic versioning

I want to be able to point to exact tags on github that correlate with a change but I also want to only cut a new version when I feel like thereā€™s enough changes in there that warrants a version bump. This is why I donā€™t automate or cut a new patch for every commit. Iā€™d rather chunk a meaningful group of changes together than simply bump the numbers up.

Automation

Changelog is generated automatically but version bumps are manual. I prefer it this way until I find it cumbersome, this will have to do.

Template

I donā€™t want to publish hashes to my commits or pull request links as these are all hosted on a private repository (by design). So the template is actually a lot simpler.

Commit linting

I like the freedom of being able to put anything in my commit messages. If this were a project with multiple people involved, I would enforce linting on commits.

Work in progress

All that being said, the whole thing is work in progress. I am hoping the entire site is perpetually on v1 and evolves over time.

Rollback

I havenā€™t had the need to do this but the idea with versioning for me is to be able to identify new issues and go back in time and find out the last working version. That way, itā€™s easier to see where the breakage was introduced. This site is not your typical distributed software so the concerns are far fewer about breaking changes and deprecations. Being able to find a good version to rollback to real quick gives me a lot of peace of mind.

What's the takeaway?

  1. Maintain a changelog so you can see how your website has evolved over time
  2. Refuse the temptation to start a ground-up rewrite and focus on incremental changes
  3. Format your changelog so it makes sense to you
  4. Tagging with semantic versioning helps a lot in pointing out exact versions of code with their associated changes so you can rollback to ā€œlast working versionā€.
  5. This website has been through a lot šŸ˜€


Built with passion...

React

Used mainly for the JSX templating, client-side libraries and job secruity.

Gatsby

To enable static site generation and optimize page load performance.

GraphQL

For data-fetching from multiple sources.

Contentful

CMS to store all data that is powering this website except for blogs, which are markdown files.

Netlify

For static site hosting, handling form submissions and having CI/CD integrated with Github.

Images

From unsplash when they are not my own.

..and other fun technologies. All code is hosted on Github as a private repository. Development is done on VS-Code. If you are interested, take a look at my preferred dev machine setup. Fueled by coffee and lo-fi beats. Current active version is v2.12.1.

</VR>