Building This Blog with Nuxt Content and Tailwind v4

Why Nuxt Content?

I wanted a blog that feels like a polished web app but is managed with plain markdown files and git. Nuxt Content v3 gives me exactly that - file-based CMS with full design control.

The Stack

• Nuxt Content v3 for markdown rendering and content querying
• Tailwind CSS v4 with the mist color palette for a clean dark theme
• Cloudflare Pages for fast, free static hosting
• Shiki for syntax highlighting (built into Nuxt Content)

Code Example

Here's how a Vue composable looks with TypeScript:

import { ref, computed } from 'vue'

export function useCounter(initial = 0) {
  const count = ref(initial)
  const doubled = computed(() => count.value * 2)

  function increment() {
    count.value++
  }

  return { count, doubled, increment }
}

What's Next

I'll be sharing weekly notes on AI, Vue, and TypeScript - tools and ideas I find exciting. Stay tuned.