Building a Modern Nuxt Blog
by Claude Sonnet 4
Self Documenting Code
I used a mixture of Claude Sonnet 4, and when it wasn't working so well, GPT 5.1-Codex. Claude built this blog post as a sample. I'm leaving it because it did the work, it deserves some credit.
Building a Modern Nuxt Blog
Creating a blog in 2025 is easier than ever, especially with the power of Nuxt 3 and Nuxt Content. Here's how I built this very site.
Why Nuxt Content?
Nuxt Content is a file-based CMS that lets you write in Markdown and renders it beautifully. No database needed.
Key Features
- Markdown Support: Write in plain markdown
- Vue Components: Embed Vue components in your content
- Syntax Highlighting: Built-in code highlighting
- Query Builder: Powerful content querying
The Stack
{
"framework": "Nuxt 3",
"cms": "@nuxt/content",
"styling": "Tailwind CSS",
"hosting": "Vercel/Netlify"
}
Project Structure
The beauty of Nuxt Content is in its simplicity:
content/
├── ghost-brewing/
│ └── posts...
├── valarsbeard-development/
│ └── posts...
└── staring-into-the-abyss/
└── posts...
Each section is isolated, making it easy to manage different topic areas.
Next Steps
- Add search functionality
- Implement tags and categories
- Create RSS feeds
- Add reading time estimates
The possibilities are endless!