How I Built This Blog

•5 min read

You are reading this on a site built with Next.js 14 App Router and Tailwind CSS.

The Stack

  1. Framework: Next.js (App Router)
  2. Styling: Tailwind CSS + Typography plugin
  3. Content: MDX (Markdown + JSX)
  4. Highlighting: Rehype Pretty Code

Why MDX?

I considered using a Headless CMS like Sanity or Contentful. However, for a developer blog, keeping content in the repo as code feels right.

It allows me to version control my thoughts. If I want to update a post, I open a Pull Request.

I can even embed React components directly in my markdown!

 
<button className="bg-slate-700 cursor-pointer text-white px-4 pt-3 rounded">
  Like this button
</button>