[{"data":1,"prerenderedAt":269},["ShallowReactive",2],{"blog-post-/blogs/build-blog-in-one-day":3},{"id":4,"title":5,"body":6,"description":251,"extension":252,"meta":253,"navigation":264,"ogImage":255,"path":265,"seo":266,"stem":267,"__hash__":268},"en/blogs/en/7.build-blog-in-one-day.md","Rapidly Building My Personal Blog",{"type":7,"value":8,"toc":241},"minimal",[9,14,23,26,29,33,36,62,65,80,86,88,92,109,126,133,135,139,142,164,167,173,176,178,182,188,195,201,203,207,210,216,222,224,230],[10,11,13],"h2",{"id":12},"thoughts","Thoughts",[15,16,17,18,22],"p",{},"Recently, I finally completed something I had been wanting to do for a long time—but kept putting off: ",[19,20,21],"strong",{},"building my own blog",".",[15,24,25],{},"I’ve always wanted a space of my own where I could share life experiences, reflect on my work, and document what I’ve learned. Social media is too fast, too fragmented. A blog feels more like a digital notebook—calm, self-owned, and free. Writing here isn’t about chasing traffic; it’s about organizing my thoughts, preserving value, and leaving a trail that my future self can look back on.",[27,28],"hr",{},[10,30,32],{"id":31},"my-experience-with-ai-tools","My Experience with AI Tools",[15,34,35],{},"Like many others, I was initially excited about the idea of using AI tools to build websites. I tried several popular platforms:",[37,38,39,52],"ul",{},[40,41,42,51],"li",{},[43,44,48],"a",{"href":45,"rel":46},"https://lovable.dev",[47],"nofollow",[19,49,50],{},"Lovable.dev",": Friendly UI, low learning curve, and you can spin up a decent-looking page in minutes.",[40,53,54,61],{},[43,55,58],{"href":56,"rel":57},"https://v0.dev",[47],[19,59,60],{},"V0.dev",": Great for quickly generating structured component code, especially when paired with shadcn/ui—it feels very intuitive.",[15,63,64],{},"However, I ran into two main issues:",[66,67,68,74],"ol",{},[40,69,70,73],{},[19,71,72],{},"Lack of control over details",": The first draft comes out fast, but if I wanted to tweak layout, adjust typography, or add multi-language support, the process became frustrating. It was often easier to just write the code myself.",[40,75,76,79],{},[19,77,78],{},"Free plan limitations",": I was on the free tier, which meant the code wasn’t persistently saved and I couldn’t iterate freely. This seriously impacted continuity.",[15,81,82,83],{},"So in the end, I decided: ",[19,84,85],{},"AI can assist my workflow, but the core architecture should be in my hands.",[27,87],{},[10,89,91],{"id":90},"my-final-setup-nuxt-content-module","My Final Setup: Nuxt + Content Module",[15,93,94,95,102,103,108],{},"After comparing several options, I chose to use ",[43,96,99],{"href":97,"rel":98},"https://nuxt.com",[47],[19,100,101],{},"Nuxt 3"," with the official ",[43,104,107],{"href":105,"rel":106},"https://content.nuxtjs.org/",[47],"@nuxt/content"," module to build my blog. Why?",[37,110,111,114,120,123],{},[40,112,113],{},"Nuxt is a framework I’m already familiar with. It combines Vue’s flexibility with powerful SSR capabilities.",[40,115,116,119],{},[117,118,107],"code",{}," allows me to write posts in Markdown, use frontmatter metadata, auto-generate TOCs, and get great SEO support out of the box.",[40,121,122],{},"It supports static deployment, making it easy to publish on Vercel or Netlify.",[40,124,125],{},"And in the future, if I want to add search, a recommendation system, multi-language support, or even embed AI-assisted reading—this stack is easy to extend.",[15,127,128,129,132],{},"Most importantly, this solution gives me ",[19,130,131],{},"full control over code and styles",", without being boxed in by a platform or a locked template.",[27,134],{},[10,136,138],{"id":137},"my-ai-workflow-vibe-coding-augment-code","My AI Workflow: Vibe Coding + Augment Code",[15,140,141],{},"Although I didn’t stick with AI site builders, I did integrate AI into my development flow.",[15,143,144,145,152,153,156,157,160,161,22],{},"I chose ",[43,146,149],{"href":147,"rel":148},"https://www.augmentcode.com/",[47],[19,150,151],{},"Augment Code",". It doesn’t generate full pages for me, but instead acts as a ",[19,154,155],{},"semantic coding assistant"," while I work.",[158,159],"br",{},"\nI call this process: ",[19,162,163],{},"vibe coding",[15,165,166],{},"It feels more like this:",[168,169,170],"blockquote",{},[15,171,172],{},"“I know I want to adjust this card component’s layout, but I don’t want to handwrite every CSS rule. Can you try a few versions that feel right?”",[15,174,175],{},"In this context, AI isn’t some robotic code generator—it’s more like a design-savvy partner who helps explore options. This significantly improves how I control the visual output and makes the building process way more enjoyable.",[27,177],{},[10,179,181],{"id":180},"tech-is-just-a-mediumexpression-is-the-core","Tech is Just a Medium—Expression is the Core",[15,183,184,185],{},"Building a blog isn’t hard. ",[19,186,187],{},"What’s hard is sticking with it.",[15,189,190,191,194],{},"My biggest takeaway during setup was this: ",[19,192,193],{},"Don’t aim for a perfect launch—just aim to write",". Early on, there’s no need for fancy design or heavy structure. Just get words on the page.",[15,196,197,198,200],{},"To me, this blog isn’t just a content platform—it’s a long-term system for self-construction.",[158,199],{},"\nIt connects my reflections on life, questions I explore while learning, lessons from work—and maybe even seeds of future product ideas.",[27,202],{},[10,204,206],{"id":205},"closing-thoughts","Closing Thoughts",[15,208,209],{},"From today on, this blog isn’t just a record of my past, but a commitment to my future.",[15,211,212,213,215],{},"Here, I’ll continue documenting my thoughts and growth—",[158,214],{},"\non work, on family, on tech, and on life.",[15,217,218,219,221],{},"Not fancy, just real.",[158,220],{},"\nMay it become a consistent part of how I express and evolve.",[27,223],{},[15,225,226,227],{},"🚀 ",[19,228,229],{},"Coming Soon:",[37,231,232,235,238],{},[40,233,234],{},"Next post: how I use Nuxt + Tailwind for progressive enhancement on my blog homepage",[40,236,237],{},"Monthly summaries of writing insights + blog improvements",[40,239,240],{},"Currently exploring GPT-powered blog integration (reader Q&A + multilingual content recommendations)",{"title":242,"searchDepth":243,"depth":243,"links":244},"",2,[245,246,247,248,249,250],{"id":12,"depth":243,"text":13},{"id":31,"depth":243,"text":32},{"id":90,"depth":243,"text":91},{"id":137,"depth":243,"text":138},{"id":180,"depth":243,"text":181},{"id":205,"depth":243,"text":206},"How I used open-source frameworks to quickly build my blog, and why I plan to turn it into a long-term space for growth and reflection.","md",{"date":254,"image":255,"alt":256,"tags":257,"category":260,"topics":261,"published":264},"18th Apr 2025","/blogs-img/blog6.jpg","Rapidly Building My Blog",[258,259],"AI","Engineering","product-execution",[262,263],"execution","building-in-public",true,"/blogs/en/build-blog-in-one-day",{"title":5,"description":251},"blogs/en/7.build-blog-in-one-day","HRS07uV65WJDmdWHv6onsmkw2agJh3aFeqeJESn4sss",1781532114609]