[{"data":1,"prerenderedAt":171},["ShallowReactive",2],{"i-lucide:sun-moon":3,"i-simple-icons:github":8,"i-simple-icons:linkedin":10,"i-lucide:mail":13,"i-lucide:arrow-up-right":15,"post-\u002Fwriting\u002Fbuilding-this-notebook":17,"i-lucide:arrow-left":167,"i-lucide:lightbulb":169},{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":7},0,24,false,"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 2v2m2.837 12.385a6 6 0 1 1-7.223-7.222c.624-.147.97.66.715 1.248a4 4 0 0 0 5.26 5.259c.589-.255 1.396.09 1.248.715M16 12a4 4 0 0 0-4-4m7-3l-1.256 1.256M20 12h2\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":9},"\u003Cpath fill=\"currentColor\" d=\"M12 .297c-6.63 0-12 5.373-12 12c0 5.303 3.438 9.8 8.205 11.385c.6.113.82-.258.82-.577c0-.285-.01-1.04-.015-2.04c-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729c1.205.084 1.838 1.236 1.838 1.236c1.07 1.835 2.809 1.305 3.495.998c.108-.776.417-1.305.76-1.605c-2.665-.3-5.466-1.332-5.466-5.93c0-1.31.465-2.38 1.235-3.22c-.135-.303-.54-1.523.105-3.176c0 0 1.005-.322 3.3 1.23c.96-.267 1.98-.399 3-.405c1.02.006 2.04.138 3 .405c2.28-1.552 3.285-1.23 3.285-1.23c.645 1.653.24 2.873.12 3.176c.765.84 1.23 1.91 1.23 3.22c0 4.61-2.805 5.625-5.475 5.92c.42.36.81 1.096.81 2.22c0 1.606-.015 2.896-.015 3.286c0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":11,"hidden":12},"\u003Cpath fill=\"currentColor\" d=\"M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037c-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85c3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.06 2.06 0 0 1-2.063-2.065a2.064 2.064 0 1 1 2.063 2.065m1.782 13.019H3.555V9h3.564zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0z\"\u002F>",true,{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":14},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Cpath d=\"m22 7l-8.991 5.727a2 2 0 0 1-2.009 0L2 7\"\u002F>\u003Crect width=\"20\" height=\"16\" x=\"2\" y=\"4\" rx=\"2\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":16},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M7 7h10v10M7 17L17 7\"\u002F>",{"id":18,"title":19,"body":20,"canonical":151,"date":152,"description":26,"draft":6,"extension":153,"featured":12,"kind":154,"lang":155,"meta":156,"navigation":12,"path":157,"readingTime":158,"seo":159,"stem":160,"summary":161,"tags":162,"__hash__":166},"writing\u002Fwriting\u002Fbuilding-this-notebook.md","This whole site was built by an AI agent - I did the other 1%",{"type":21,"value":22,"toc":142},"minimark",[23,27,30,35,38,90,93,106,110,113,116,120,123,126,129,133,136,139],[24,25,26],"p",{},"Hey folks, Ania here :)))",[24,28,29],{},"Had a free weekend, so I figured I'd build this site as a personal profile. Honest confession though: most of the code here, I didn't type. I directed, the AI agent typed. My share is roughly... 1%. What that 1% actually is - I'll get to it.",[31,32,34],"h2",{"id":33},"the-ai-did-almost-all-of-it-for-real","The AI did almost all of it, for real",[24,36,37],{},"I fired up an AI agent and told it: \"build me a static, minimal, bilingual Vietnamese - English profile site, and deploy it to GitHub Pages.\" Then I went to make coffee. By the time I came back, the skeleton was basically done:",[39,40,41,54],"table",{},[42,43,44],"thead",{},[45,46,47,51],"tr",{},[48,49,50],"th",{},"Layer",[48,52,53],{},"What it picked for me",[55,56,57,66,74,82],"tbody",{},[45,58,59,63],{},[60,61,62],"td",{},"Framework",[60,64,65],{},"Nuxt 4 (static, prerendered)",[45,67,68,71],{},[60,69,70],{},"Content",[60,72,73],{},"Nuxt Content + MDC",[45,75,76,79],{},[60,77,78],{},"Styling",[60,80,81],{},"Tailwind CSS v4",[45,83,84,87],{},[60,85,86],{},"Icons + type",[60,88,89],{},"Iconify, Space Grotesk, Inter, JetBrains Mono (all bundled locally)",[24,91,92],{},"I barely opened a single library's docs. Something looked off, I pointed, it fixed. Round and round until it looked right.",[94,95,98],"callout",{"title":96,"type":97},"Where my 1% lives","insight",[24,99,100,101,105],{},"Not in the line count - in ",[102,103,104],"em",{},"knowing what I want",": picking the style, cutting the excess, saying \"no\" at the right moment. The AI types fast, but the taste still has to be mine.",[31,107,109],{"id":108},"what-about-the-actual-writing","What about the actual writing?",[24,111,112],{},"Okay, this part matters. The posts here aren't fully AI-written, promise. I read them carefully, rewrite the clunky lines, cut the murky bits, and add what I actually think. The AI hands me a fast draft; the final voice is me sitting there sanding it down.",[24,114,115],{},"Put another way: the AI is a ridiculously fast typist, and I'm the picky editor sitting right next to it.",[31,117,119],{"id":118},"what-i-write-and-who-for","What I write, and who for",[24,121,122],{},"Most posts here are technical. Usually I'm knee-deep in something at work, or I trip over a topic I like, and off I go.",[24,124,125],{},"But - I try to leave a friendlier version for the non-tech folks too. Maybe you wandered in just curious who the author is (that's me, hi), or a topic is trending and you'd rather not sit and \"do the math\" or \"draw the graphs\". You know, that whole \"I opened a fun blog and now it wants me to understand vectors?!\" energy.",[24,127,128],{},"So no worries: wherever it gets heavy, I'll try to retell it in plain human. Want the deep end? The technical version is right there. Just want the gist? The light version has you covered.",[31,130,132],{"id":131},"why-static-why-simple","Why static, why simple",[24,134,135],{},"I want this thing to last. No backend, no database, nothing to maintain every month. Just static HTML on GitHub Pages - open it ten years from now and it still runs, none of that \"rotted because nobody touched it\" business.",[24,137,138],{},"Bilingual is kept light too: each post declares its own language, the interface reads a cookie and shows the right post in the right tongue. No machine translation, no duplicated routes.",[24,140,141],{},"That's it. One weekend, one hardworking AI agent, plus my 1% of \"taste\". Thanks for reading this far :)))",{"title":143,"searchDepth":144,"depth":144,"links":145},"",3,[146,148,149,150],{"id":33,"depth":147,"text":34},2,{"id":108,"depth":147,"text":109},{"id":118,"depth":147,"text":119},{"id":131,"depth":147,"text":132},null,"2026-07-12","md","note","en",{},"\u002Fwriting\u002Fbuilding-this-notebook",4,{"title":19,"description":26},"writing\u002Fbuilding-this-notebook","A weekend story: I let an AI agent build almost all of this site, while I sat there reviewing and fussing over the wording. A little behind-the-scenes.",[163,164,165],"nuxt","ai-agent","meta","uH2zpONxmsy9aH3LlhqzWZ4j6Z1jgNNptFj-QkOorG4",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":168},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m12 19l-7-7l7-7m7 7H5\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":170},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 14c.2-1 .7-1.7 1.5-2.5c1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5c.7.7 1.3 1.5 1.5 2.5m0 4h6m-5 4h4\"\u002F>",1790138980771]