[{"data":1,"prerenderedAt":210},["ShallowReactive",2],{"sidebar-posts":3,"post-count":63,"post-\u002Ffully-ai-coded-blog-claude-code":64,"page-\u002Ffully-ai-coded-blog-claude-code":202,"neighbours-\u002Ffully-ai-coded-blog-claude-code":204,"post-projects-\u002Ffully-ai-coded-blog-claude-code":207},[4,8,12,16,20,24,28,32,35,39,43,47,51,55,59],{"path":5,"title":6,"date":7},"\u002Ffully-ai-coded-blog-claude-code","This blog is now fully AI coded and run by an agent I just talk to","2026-10-24",{"path":9,"title":10,"date":11},"\u002Fwhy-i-built-pepelly","Why I built Pepelly, a YouTube app for my daughter without the brain rot","2026-10-22",{"path":13,"title":14,"date":15},"\u002Fhow-i-built-an-equity-tracking-app-for-bootstrap-founders-in-a-weekend","How I Built an Equity Tracking App for Bootstrap Founders in a Weekend","2024-11-25",{"path":17,"title":18,"date":19},"\u002Fbuilding-directory-website-with-ai-in-a-day","How I Built a Directory Website in a Day with AI—and Why It's a Game-Changer for SaaS Traffic","2024-11-10",{"path":21,"title":22,"date":23},"\u002Fnetlify-build-plugin-for-nuxt-dynamic-routes","Use a netlify build plugin to generate your nuxt routes","2020-08-08",{"path":25,"title":26,"date":27},"\u002Foptimized-responsive-lazyloading-images-with-nuxt","How to use optimized, responsive and lazyloading images in a nuxt project","2019-11-16",{"path":29,"title":30,"date":31},"\u002Fnuxt-jam-stack","Building a SEO optimized blog with a Nuxt JAM stack and Markdown files","2019-11-07",{"path":33,"title":34,"date":31},"\u002Fprismjs-nuxtjs-static-pages","Getting Prismjs working with Nuxt",{"path":36,"title":37,"date":38},"\u002Fkeylogs-live-on-producthunt","My second launch this year: Keylogs is LIVE on Product Hunt today!","2018-02-12",{"path":40,"title":41,"date":42},"\u002Fa-new-year-and-a-new-startup","A new year and a new startup","2018-01-19",{"path":44,"title":45,"date":46},"\u002Fabout-mydash-whats-the-stack-and-why-did-i-choose-it","About myDash - What’s the stack and why did I choose it?","2017-10-16",{"path":48,"title":49,"date":50},"\u002Fsuper-fast-wordpress-hosting-germany","WordPress hosting test: super fast on raidboxes.eu","2016-12-09",{"path":52,"title":53,"date":54},"\u002Fbest-resources-for-stock-images","Best resources for stock images","2016-12-05",{"path":56,"title":57,"date":58},"\u002Fset-up-automatic-backups-for-parse-server-on-digital-ocean","Set up automatic backups for parse-server on digital ocean","2016-05-25",{"path":60,"title":61,"date":62},"\u002Fhow-to-run-parse-dashboard-alongside-parse-server-on-digital-ocean","How to setup parse-dashboard alongside parse-server on Digital Ocean","2016-05-18",15,{"id":65,"title":6,"body":66,"date":7,"description":186,"draft":187,"extension":188,"image":189,"meta":190,"navigation":191,"path":5,"projects":192,"readingTime":194,"seo":195,"stem":196,"tags":197,"updated":202,"__hash__":203},"posts\u002Ffully-ai-coded-blog-claude-code.md",{"type":67,"value":68,"toc":176},"minimark",[69,79,84,87,90,94,97,118,122,125,128,142,145,149,157,160,163,167,170,173],[70,71,72,73,78],"p",{},"This blog has been rebuilt many, many times as my developer journey progresses. It started as a flash(!) website, briefly lived in WordPress, was a Ghost installation for a few years and in 2019 became a ",[74,75,77],"a",{"href":76},"\u002Fnuxt-jam-stack\u002F","Nuxt JAM stack with markdown files",". And this time, for the first time, it's fully AI coded.",[80,81,83],"h2",{"id":82},"the-problem-was-never-the-tech","The problem was never the tech",[70,85,86],{},"It was always a hustle to actually sit down and write these blog posts, which is why there's hardly any life here. Just look at the dates: a few posts a year until 2019, one in 2020 and then nothing until 2024. Every rebuild was fun. The writing afterwards, not so much.",[70,88,89],{},"So really what I'm trying to do is to rethink the whole model of how to build blogs like this.",[80,91,93],{"id":92},"two-days-of-not-writing-code","Two days of not writing code",[70,95,96],{},"I didn't touch a single line of code for this version. I spent the last two days talking to Claude Code, and here's what that looked like:",[98,99,100,104,107,110],"ul",{},[101,102,103],"li",{},"It analysed the old Nuxt 2 site and came up with 10 redesigns for the home and blog page. I picked the one that looks like a code editor: file tree on the left, tabs on top, the orange status bar at the bottom. Opening a post opens a new tab, like a file.",[101,105,106],{},"Then it rebuilt the whole thing from scratch on Nuxt 4, Nuxt Content 3 and Tailwind 4. Still flat markdown files, still fully static, plus all the SEO stuff: sitemap, structured data, RSS.",[101,108,109],{},"At some point I told it that it's my lead dev and orchestrator and it should fire off agents for the actual work. So it did, several at a time, and checked their screenshots before telling me anything was done.",[101,111,112,113,117],{},"When something was bad, I said so. The first version of the projects timeline was basically impossible to understand and read. Back to the drawing board, four new options, I picked an ",[114,115,116],"code",{},"ls -l"," style table plus a changelog, and it built both.",[80,119,121],{"id":120},"just-talk-instead-of-write","Just talk instead of write",[70,123,124],{},"Now I'm basically trying to base this off a Claude skill that sits right in the Claude Code project for this website. The idea is that I can just talk into the Claude application, do a brain dump, and then it'll be automatically added to the site as a blog post. It will automatically be assigned to the project that it belongs to and added to the changelog.",[70,126,127],{},"What the skill does:",[98,129,130,133,136,139],{},[101,131,132],{},"It keeps my words. Grammar gets fixed, but slang, abbreviations like irl or atm and the odd dirty metaphor stay. It even collects them as my \"signature style elements\", so it gets better at sounding like me with every post.",[101,134,135],{},"It asks before it makes stuff up. Missing a date or a number? It asks, or leaves a visible TODO.",[101,137,138],{},"It figures out which project a post belongs to and writes the changelog entry.",[101,140,141],{},"It checks that the site still builds before it saves anything.",[70,143,144],{},"This post is the first one made that way. I talked, it asked me five questions, done.",[80,146,148],{"id":147},"strava-for-my-builder-journey","Strava for my builder journey",[70,150,151,152,156],{},"And really this whole thing is supposed to feel a little bit like Strava for my builder journey. Every ",[74,153,155],{"href":154},"\u002Fprojects\u002F","project"," now has its own page with a changelog: when it started, when it stopped or got rebuilt, and every post about it.",[70,158,159],{},"I've already started adding GitLab to kind of like automatically pull in development progress. So far only as the activity tracker: a GitHub style grid per project, built from the commits in my private repos (just the counts, no code and no commit messages). But maybe eventually as a full change log, automatically managed change log system.",[70,161,162],{},"I'm sure that I can add quite a few more UX elements to make this nice. But the whole idea here is to basically have one static flat file build that is managed by an agent that I just talk to, and it publishes and displays all the stuff that I'm doing.",[80,164,166],{"id":165},"whats-next","What's next",[70,168,169],{},"I'm wondering already if I could hook this up to other stuff as well, like my X account, to pull in my feed from there, but also to maybe auto-publish blog posts and maybe even comments, and have this as the central hub for content that goes out.",[70,171,172],{},"So I'm very, very excited how this thing can now organically grow even faster and even better. Because it'll be so much easier for me to actually be active here.",[70,174,175],{},"If I only have to talk instead of write.",{"title":177,"searchDepth":178,"depth":179,"links":180},"",2,3,[181,182,183,184,185],{"id":82,"depth":178,"text":83},{"id":92,"depth":178,"text":93},{"id":120,"depth":178,"text":121},{"id":147,"depth":178,"text":148},{"id":165,"depth":178,"text":166},"I rebuilt this blog again, for the first time fully AI coded with Claude Code. Now I just do a brain dump and an agent turns it into a post and a changelog entry.",false,"md","\u002Fimg\u002Ffully-ai-coded-blog-hero.jpg",{},true,[193],"derkinzi",4,{"title":6,"description":186},"fully-ai-coded-blog-claude-code",[198,199,200,201],"ai","nuxt","markdown","content",null,"HEJ5jNVTW_0pGXHPxvftPsp02FJCFzIBiwR7W43qyjo",[202,205],{"title":10,"path":9,"stem":206,"children":-1},"why-i-built-pepelly",[208],{"id":193,"title":209},"derkinzi.de",1792851218161]