Building This Website

This is my first post on this new website. I built it using Astro and took inspiration from antfu.me.

Why Astro?

Astro is a content-focused web framework that delivers lightning-fast performance by shipping zero JavaScript by default. It’s perfect for a personal blog because:

• Fast by default - No unnecessary client-side JavaScript
• Content collections - Type-safe Markdown/MDX content
• View Transitions - SPA-like navigation without the overhead
• Flexible - Use any UI framework or none at all

Tech Stack

Here’s what I used to build this site:

// astro.config.mjs
import { defineConfig } from 'astro/config'
import tailwindcss from '@tailwindcss/vite'
import sitemap from '@astrojs/sitemap'

export default defineConfig({
  site: 'https://kjhq.dev',
  vite: {
    plugins: [tailwindcss()],
  },
  integrations: [sitemap()],
})

The styling is done with Tailwind CSS v4 using CSS custom properties for theming, which makes dark mode seamless.

What’s Next

I plan to write more about:

• Open source projects I’m working on
• Web development tips and tricks
• Developer tooling and productivity

Stay tuned!