Johnny Chai

Website Redesign of 2025

Published on the 23rd of Mar 2025

Hey there! This site probably looks a little different from the last time you visited. I've been working on a new design and layout for my personal website.

Figure 1: banner image of the website redesign
Figure 1: banner image of the website redesign

Process

I went through several iterations of the design, ultimately settling on a minimalist approach that prioritizes typography and whitespace. My goal was to create a streamlined, focused experience for visitors, putting a stronger emphasis on content and readability.

Statistics

For the Statistics page, I’ve been tracking my coding activity with WakaTime since 2022. It’s a super handy tool that helps me understand how much time I’m spending on different projects and languages. It’s been a real eye-opener!

Tech Stack

The core tech stack remains mostly unchanged, with the site being built on Next.js and Tailwind CSS. These provide a lightweight and scalable foundation that keeps things fast and flexible.

For content management, I’m using content-collections with MDX, which allows me to easily integrate JSX into Markdown files. It’s perfect for creating dynamic, content-rich pages.

Page transitions are smooth, thanks to the View Transition API, which enhances the browsing experience.

When it comes to URL parameter-based routing, I’ve been using nuqs, a clever little library that helps me efficiently filter and sort content on the server side.

Closing

A site is never truly "done." I’ll keep tweaking and refining the design as I move forward. Stay tuned!