[{"data":1,"prerenderedAt":180},["ShallowReactive",2],{"content-/valarsbeard-development/building-nuxt-blog":3},{"id":4,"title":5,"body":6,"description":170,"extension":171,"meta":172,"navigation":175,"path":176,"seo":177,"stem":178,"__hash__":179},"content/valarsbeard-development/building-nuxt-blog.md","Building a Modern Nuxt Blog",{"type":7,"value":8,"toc":161},"minimark",[9,14,18,21,24,29,32,37,66,70,118,122,125,133,136,140,154,157],[10,11,13],"h2",{"id":12},"self-documenting-code","Self Documenting Code",[15,16,17],"p",{},"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.",[10,19,5],{"id":20},"building-a-modern-nuxt-blog",[15,22,23],{},"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.",[25,26,28],"h3",{"id":27},"why-nuxt-content","Why Nuxt Content?",[15,30,31],{},"Nuxt Content is a file-based CMS that lets you write in Markdown and renders it beautifully. No database needed.",[33,34,36],"h4",{"id":35},"key-features","Key Features",[38,39,40,48,54,60],"ul",{},[41,42,43,47],"li",{},[44,45,46],"strong",{},"Markdown Support",": Write in plain markdown",[41,49,50,53],{},[44,51,52],{},"Vue Components",": Embed Vue components in your content",[41,55,56,59],{},[44,57,58],{},"Syntax Highlighting",": Built-in code highlighting",[41,61,62,65],{},[44,63,64],{},"Query Builder",": Powerful content querying",[25,67,69],{"id":68},"the-stack","The Stack",[71,72,77],"pre",{"className":73,"code":74,"language":75,"meta":76,"style":76},"language-javascript shiki shiki-themes github-light github-dark","{\n  \"framework\": \"Nuxt 3\",\n  \"cms\": \"@nuxt/content\",\n  \"styling\": \"Tailwind CSS\",\n  \"hosting\": \"Vercel/Netlify\"\n}\n","javascript","",[78,79,80,88,94,100,106,112],"code",{"__ignoreMap":76},[81,82,85],"span",{"class":83,"line":84},"line",1,[81,86,87],{},"{\n",[81,89,91],{"class":83,"line":90},2,[81,92,93],{},"  \"framework\": \"Nuxt 3\",\n",[81,95,97],{"class":83,"line":96},3,[81,98,99],{},"  \"cms\": \"@nuxt/content\",\n",[81,101,103],{"class":83,"line":102},4,[81,104,105],{},"  \"styling\": \"Tailwind CSS\",\n",[81,107,109],{"class":83,"line":108},5,[81,110,111],{},"  \"hosting\": \"Vercel/Netlify\"\n",[81,113,115],{"class":83,"line":114},6,[81,116,117],{},"}\n",[25,119,121],{"id":120},"project-structure","Project Structure",[15,123,124],{},"The beauty of Nuxt Content is in its simplicity:",[71,126,131],{"className":127,"code":129,"language":130},[128],"language-text","content/\n├── ghost-brewing/\n│   └── posts...\n├── valarsbeard-development/\n│   └── posts...\n└── staring-into-the-abyss/\n    └── posts...\n","text",[78,132,129],{"__ignoreMap":76},[15,134,135],{},"Each section is isolated, making it easy to manage different topic areas.",[25,137,139],{"id":138},"next-steps","Next Steps",[38,141,142,145,148,151],{},[41,143,144],{},"Add search functionality",[41,146,147],{},"Implement tags and categories",[41,149,150],{},"Create RSS feeds",[41,152,153],{},"Add reading time estimates",[15,155,156],{},"The possibilities are endless!",[158,159,160],"style",{},"html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":76,"searchDepth":90,"depth":90,"links":162},[163,164],{"id":12,"depth":90,"text":13},{"id":20,"depth":90,"text":5,"children":165},[166,167,168,169],{"id":27,"depth":96,"text":28},{"id":68,"depth":96,"text":69},{"id":120,"depth":96,"text":121},{"id":138,"depth":96,"text":139},"How to create a multi-section blog with Nuxt Content and Tailwind CSS","md",{"date":173,"author":174},"2025-11-20","Claude Sonnet 4",true,"/valarsbeard-development/building-nuxt-blog",{"title":5,"description":170},"valarsbeard-development/building-nuxt-blog","CQbPTeovdcaqy__V28x_NvLx04F3MW1HZEQBkpHHVeQ",1785174301654]