Rebuilding my blog for 2021

Nafis Fuad / January 03, 2021

3 min read––– views

2020 has been a wild ride. For everyone. As a cool guy over the web meticulously summarized in a few sentences -

Bootstrap 5 was released, Angular added a new Date Picker. A bunch of stuff caught on fire. Vue 3 was released. Beirut exploded. React suspense left us in suspense. Murder Hornets. SpaceX used Web Components... Elon got hacked. Lambdas started supporting containers, Kubernetes dropped Docker. Slack sold out to Salesforce, AI learnt how to code...

Coming out of 2020 (alive and intact 🙏) I decided that I would share my knowledge through my blog in 2021. So, like a good dev, I felt the burning urgency to rebuild my blog, with all the cool technologies that I love. In this article, I'd like to give an overview of what technologies I chose, why I chose them, and summarize the whole process. While there's no science to starting a new project, planning is the de facto requirement. Starting out, I really wanted 3 things for my blog:

  1. It should be cool to look at and interact with, so must have good design and animations
  2. It should load fast and feel fast, so must be performant
  3. It should be easy to add new blog posts

And that's it, simple enough, heh? Spoiler alert: it's not...

Choosing the Perfect Tech Stack

Well, maybe not. I don't think the "perfect" tech stack even exists, still one can try :)

The first requirement is a big one - you see, I don't really do design. I might have a good design eye, but I design like crap. And try to avoid designing like crazy. In order to acheive this goal, I knew that I had to use some kind of UI framework/library that takes care of a few things for me:

  • Typography
  • Spacing (margin and padding)
  • Scale
  • Layout
  • Color Modes (after all, I 💘 dark mode)
  • Responsiveness

I did my fair share of research. And in all those frameworks I tried out, TailwindCSS always came out victorious. It is probably the only one out there that takes of all these things (and a whole lot more) while also being:

  1. Production-ready
  2. Minimalistic
  3. Widely used
  4. Easy to use (and definitely no overriding) - who got time to fight with a framework 😅

Deciding to use it was the best idea ever. The more I used tailwind, the more I loved it. Highly recommend this framework to anyone reading this. If you've heard of Tailwind, but haven't used it because you think it's just another bootstrap, then this post might change your mind.

Moving on...

Subscribe to the boring interesting newsletter

If you enjoy learning new stuff, you should consider joining my newsletter 😇. Get emails from me about development 👩‍💻, tech 🤖, and other (un)opinionated matters 🤓. My newsletter includes early access to new/upcoming posts and sneak peek into special goodies. No spam ⛔, & you can unsubscribe at any time 🎉