[{"data":1,"prerenderedAt":409},["ShallowReactive",2],{"navigation":3,"index":18,"index-blogs":133,"mdc-r79p5y-key":379,"mdc--z0tk4p-key":391,"mdc-gl0t5u-key":400},[4],{"title":5,"path":6,"stem":7,"children":8,"page":17},"Blog","\u002Fblog","blog",[9,13],{"title":10,"path":11,"stem":12},"Dev Time Capsule: 2026-03","\u002Fblog\u002Fdev-time-capsule-2026-03","blog\u002Fdev-time-capsule-2026-03",{"title":14,"path":15,"stem":16},"Hello World!","\u002Fblog\u002Fhello-world","blog\u002Fhello-world",false,{"id":19,"title":20,"about":21,"blog":24,"body":27,"description":28,"experience":29,"extension":44,"faq":45,"hero":84,"meta":125,"navigation":126,"path":127,"seo":128,"stem":131,"testimonials":27,"__hash__":132},"index\u002Findex.yml","Hey, I'm Kristian Binau Full Stack Developer",{"title":22,"description":23},"About Me","Full-Stack Developer specializing in efficient and secure web applications. Experienced with PHP, MariaDB, Vue, and TypeScript, with a passion for continuous learning and expanding my horizons. Comfortable with the full development lifecycle and collaborative Agile environments.\n",{"title":25,"description":26},"Latest Articles","Some of my recent thoughts",null,"I build efficient, user-centric web applications from front to back. Based in Odense, Denmark, turning ideas into robust digital products through code and collaboration.",{"title":30,"items":31},"Work Experience",[32,40],{"position":33,"date":34,"company":35},"Full-Stack Developer at","2024 - Present",{"name":36,"logo":37,"url":38,"color":39},"Ordbogen","","https:\u002F\u002Fwww.ordbogen.com","#00836d",{"position":41,"date":42,"company":43},"Apprentice at","2019 - 2024",{"name":36,"logo":37,"url":38,"color":39},"yml",{"title":46,"description":47,"categories":48},"Frequently Asked Questions","Answers to common questions about my skills and experience.",[49,61,73],{"title":50,"questions":51},"Skills & Tech Stack",[52,55,58],{"label":53,"content":54},"What technologies do you work with?","My core stack includes PHP, MariaDB, Vue.js, and TypeScript for professional work. I also actively build projects with Nuxt, Nitro, and the broader NodeJS ecosystem. I'm comfortable working across the full stack, from database design and API development to building responsive, interactive frontends.\n",{"label":56,"content":57},"What is your development process like?","I work in Agile environments, collaborating closely with product managers to define requirements and owning features from technical design to deployment. My process typically involves understanding the requirements, making key architectural decisions, implementing end-to-end, and iterating based on feedback.\n",{"label":59,"content":60},"Do you have experience with AI and modern tooling?","Yes. I've led the development of chat.dk, a Danish alternative to ChatGPT, building AI Agents with tools and RAG to create a conversational experience. I'm also experienced in migrating legacy codebases, such as moving frontends from Vue 2 to Vue 3 and integrating TypeScript across projects.\n",{"title":62,"questions":63},"Experience & Education",[64,67,70],{"label":65,"content":66},"What is your professional background?","I've been working at Ordbogen A\u002FS since 2019, starting as an apprentice and growing into a full-stack developer role. I design and implement end-to-end features for Grammatip.com, a high-traffic educational platform, and have taken a leading role in improving our tech stack and developer experience since graduating.\n",{"label":68,"content":69},"What is your educational background?","I hold a Vocational Degree in Data Technician: Programming from SDE College in Odense. The five-and-a-half-year program combined theoretical education with a practical apprenticeship, covering programming languages, database design, Linux, containerization, server security, and project management.\n",{"label":71,"content":72},"Have you built any personal projects?","Yes! One of my projects is Hibiscusvej, a Nuxt-powered communal booking system for a housing complex. It features user authentication, an admin panel for managing bookings and residents, and has been used daily by residents since early 2025. The source code is available on my GitHub.\n",{"title":22,"questions":74},[75,78,81],{"label":76,"content":77},"What do you enjoy most about your work?","I love the challenge of building things that work well end-to-end. Whether it's designing a clean API, crafting a smooth frontend interaction, or making an architectural decision that pays off down the line, I find the full-stack perspective deeply satisfying. Continuous learning keeps things exciting — there's always something new to explore.\n",{"label":79,"content":80},"What drives you as a developer?","I have a genuine passion for continuous learning. I often spend my evenings tinkering with new or existing projects, exploring new technologies in the NodeJS ecosystem. Being comfortable with the entire software development lifecycle means I can see the big picture while still caring about the details.\n",{"label":82,"content":83},"What are your career goals?","I'm focused on growing as a developer and taking on more responsibility in shaping the technical direction of the projects I work on. I want to continue building robust, user-centric applications and eventually move into a leadership role where I can mentor others and help drive the overall vision of the products I contribute to.\n",{"links":27,"images":85},[86,89,92,95,98,101,104,107,110,113,116,119,122],{"src":87,"alt":88},"\u002Fassets\u002Fhero\u002Fboys-canoe.jpg","Boys canoeing",{"src":90,"alt":91},"\u002Fassets\u002Fhero\u002Ffamily.jpg","Family photo",{"src":93,"alt":94},"\u002Fassets\u002Fhero\u002Fboys-camping.jpg","Boys camping trip",{"src":96,"alt":97},"\u002Fassets\u002Fhero\u002Ffamily-canoe.jpg","Family canoe trip",{"src":99,"alt":100},"\u002Fassets\u002Fhero\u002Fgraduation.jpg","Graduation photo",{"src":102,"alt":103},"\u002Fassets\u002Fhero\u002Fgrafanacon.jpg","Grafana conference",{"src":105,"alt":106},"\u002Fassets\u002Fhero\u002Fjacuzzi.jpg","Jacuzzi moment",{"src":108,"alt":109},"\u002Fassets\u002Fhero\u002Fcompany-canoe.jpg","Company canoe outing",{"src":111,"alt":112},"\u002Fassets\u002Fhero\u002Fnorway.jpg","Norway landscape",{"src":114,"alt":115},"\u002Fassets\u002Fhero\u002Fboys-walking.jpg","Boys walking together",{"src":117,"alt":118},"\u002Fassets\u002Fhero\u002Fsnowangel.jpeg","Snow angel",{"src":120,"alt":121},"\u002Fassets\u002Fhero\u002Fchildhood.jpg","Childhood photo",{"src":123,"alt":124},"\u002Fassets\u002Fhero\u002Fart.jpg","Art of me",{},true,"\u002F",{"title":129,"description":130},"Full Stack Developer","Welcome to my portfolio! I'm Kristian Binau, a full-stack developer based in Odense, Denmark. I specialize in creating efficient, user-centric web applications with PHP, Vue, TypeScript, and the NodeJS ecosystem.","index","DJTG3chtU_kQqJVtw3af8d94KmPY3hHP4vpP0e3vnSs",[134,362],{"id":135,"title":10,"author":136,"body":140,"date":354,"description":355,"extension":356,"image":357,"meta":358,"minRead":359,"navigation":126,"path":11,"seo":360,"stem":12,"__hash__":361},"blog\u002Fblog\u002Fdev-time-capsule-2026-03.md",{"name":137,"avatar":138},"Kristian Binau",{"src":139,"alt":137},"\u002Fassets\u002Fprofile.jpeg",{"type":141,"value":142,"toc":345},"minimark",[143,148,152,159,163,166,209,225,229,232,239,245,270,273,279,283,289,300,304,307,314,317,320,329,333],[144,145,147],"h2",{"id":146},"introduction","Introduction",[149,150,151],"p",{},"This is my first attempt at a recurring series of blogs. Hopefully these will improve as I go along with them, as writing \"text\" is not something I often do.",[149,153,154,155,158],{},"I have a goal with this series, that by documenting my thoughts at the time of writing, I might gain insights into how much my workflow keeps changing, and try to reflect on that.",[156,157],"br",{},"\nI have always been very happy to follow the latest tools and trends. There aren't many new projects or tools in the web development field that I haven't researched. Often not stopping to evaluate.",[144,160,162],{"id":161},"stack","Stack",[149,164,165],{},"Just a quick overview of the tools I am using at the moment:",[167,168,169,182,196],"ul",{},[170,171,172,176,177],"li",{},[173,174,175],"strong",{},"OS:"," Windows (home), macOS (work)\n",[167,178,179],{},[170,180,181],{},"I recently switched to macOS at work, and I am loving it.",[170,183,184,187,188],{},[173,185,186],{},"Editor:"," VSCode\n",[167,189,190,193],{},[170,191,192],{},"I have been using VSCode for a long time, previously used JetBrains IDEs.",[170,194,195],{},"While I have tried other editors, like Google Antigravity or Zed, I still haven't found a good reason to switch.",[170,197,198,201],{},[173,199,200],{},"AI Integrations",[167,202,203,206],{},[170,204,205],{},"Gemini (browser)",[170,207,208],{},"GitHub Copilot (editor)",[149,210,211,212,216,217,224],{},"In most projects I have added ",[213,214,215],"code",{},"AGENTS.md"," files and added skills from ",[218,219,223],"a",{"href":220,"rel":221},"https:\u002F\u002Fskills.sh\u002F",[222],"nofollow","skills.sh"," to the project, to make it easier for AI agents to understand the project and be able to work on it.",[144,226,228],{"id":227},"workflow","Workflow",[149,230,231],{},"My workflow differs a lot depending on which project I am working on, and how \"important\" it is.\nIf I am working on a hobby project, I tend to be more experimental and try out new tools and techniques.",[149,233,234,235,238],{},"My newest workflow regarding AI is to use the ",[213,236,237],{},"plan"," mode in GitHub Copilot. It allows me to grant more control to the AI, reducing the amount of input I have to give, and instead just review the output and make adjustments as needed. This has been a gamechanger for me, as it allows me to focus more on the creative aspects of coding, rather than the mundane tasks.",[149,240,241,242,244],{},"When I consider a ",[213,243,237],{}," finished, I instruct the AI to begin implementing. GitHub Copilot has 2 modes of execution that are relevant to me:",[167,246,247,257],{},[170,248,249,252],{},[173,250,251],{},"Local",[167,253,254],{},[170,255,256],{},"This is the default mode that I use, it manages the AI straight from the editor, granting better integration and insights.",[170,258,259,262],{},[173,260,261],{},"Copilot CLI",[167,263,264,267],{},[170,265,266],{},"In CLI mode, the execution is running behind the scenes in a CLI process, that creates a Git Worktree for that specific task.",[170,268,269],{},"Since we use a dedicated development server at work, I can start a CLI Agent, that will keep working on a specific problem even while I drive home or while attending meetings.",[149,271,272],{},"I'm beginning to follow that workflow more and more.",[149,274,275,276,278],{},"When I need to take steering of development more myself I often rely on Gemini in the browser, to discuss plans and ideas before beginning to implement anything.",[156,277],{},"\nThen coding the solution myself, but using AI completions and sometimes providing the agent with specific subtasks.",[144,280,282],{"id":281},"the-good","The Good",[149,284,285,286,288],{},"I have been really impressed with the amount of adoption I have seen, everyone at work seems to have used it in one way or another.",[156,287],{},"\nSome of my colleagues have expressed that they feel less tired when coming home after switching to a more agentic workflow, becoming more productive and being less exhausted.",[149,290,291,292,299],{},"Really happy to see that open source can keep up with closed sourced tools. Tools like ",[218,293,296],{"href":294,"rel":295},"https:\u002F\u002Fopencode.ai\u002F",[222],[213,297,298],{},"opencode",", that enables developers to use state of the art models without having to pay big tech.",[144,301,303],{"id":302},"the-bad","The Bad",[149,305,306],{},"There's still a lot of problems, that needs to be solved.",[149,308,309,310,313],{},"Model sandboxing hasn't developed much, I see a bunch of different projects and tools that tries to solve the problem, but nothing that really works or is integrated well yet. GitHub Copilot has a Sandbox, but it's still in preview and usually fails many of the common commands, that I feel like should work (like ",[213,311,312],{},"npm run build",").",[149,315,316],{},"Usability of AI agents, can still be improved. When an agent wants to run a CLI command, it should be able to explain what the command does, and what it is trying to achieve. This is especially important for nontechnical users, who might not understand the implications of running certain commands.",[149,318,319],{},"Creating and iterating on UIs hasn't worked that well for me yet. Browsers with CSS and HTML are a very difficult environment for AI agents to work in, and I haven't seen any tools that really solve the problem yet. Many tools are beginning to ship a browser that the AI can use to interact with the UI, but it is still early stages.",[149,321,322,323,328],{},"I haven't found any good open source AI code review tools yet, ",[218,324,327],{"href":325,"rel":326},"https:\u002F\u002Fcoderabbit.ai\u002F",[222],"CodeRabbit"," is probably the most known tool, but that is closed source and the permissions it requires is a tough sell for our work environment.",[144,330,332],{"id":331},"thoughts","Thoughts",[149,334,335,336,338,339,344],{},"In the last few months, I have seen an incredible amount of change.",[156,337],{},"\n2025 was dubbed ",[218,340,343],{"href":341,"rel":342},"https:\u002F\u002Fspectrum.ieee.org\u002F2025-year-of-ai-agents",[222],"the year of AI agents",", but for me, in my circles, the year of AI agents seems to have arrived in 2026.",{"title":37,"searchDepth":346,"depth":346,"links":347},2,[348,349,350,351,352,353],{"id":146,"depth":346,"text":147},{"id":161,"depth":346,"text":162},{"id":227,"depth":346,"text":228},{"id":281,"depth":346,"text":282},{"id":302,"depth":346,"text":303},{"id":331,"depth":346,"text":332},"2026-03-19","A snapshot of my thoughts about development in March 2026.","md","\u002Fassets\u002Fblog\u002Fdev-time-capsule-2026-03.jpg",{},4,{"title":10,"description":355},"pdItBMXB55mVplfXgNWShAci87x8Jx2vlL4MemIOfKY",{"id":363,"title":14,"author":364,"body":366,"date":373,"description":374,"extension":356,"image":375,"meta":376,"minRead":346,"navigation":126,"path":15,"seo":377,"stem":16,"__hash__":378},"blog\u002Fblog\u002Fhello-world.md",{"name":137,"avatar":365},{"src":139,"alt":137},{"type":141,"value":367,"toc":371},[368],[149,369,370],{},"This is my first blog post on my portfolio site. I'm excited to share my thoughts, experiences, and insights on web development, programming, and technology in general. Stay tuned for more content coming soon!",{"title":37,"searchDepth":346,"depth":346,"links":372},[],"2026-03-17","First blog post on my portfolio site.","\u002Fassets\u002Fblog\u002Fhello-world.jpg",{},{"title":14,"description":374},"0ppqBcKwMa4vA6W5VLjzh4YnChFC3Snptqt3k0YrEbk",{"data":380,"body":381},{},{"type":382,"children":383},"root",[384],{"type":385,"tag":149,"props":386,"children":387},"element",{},[388],{"type":389,"value":390},"text","My core stack includes PHP, MariaDB, Vue.js, and TypeScript for professional work. I also actively build projects with Nuxt, Nitro, and the broader NodeJS ecosystem. I'm comfortable working across the full stack, from database design and API development to building responsive, interactive frontends.",{"data":392,"body":393},{},{"type":382,"children":394},[395],{"type":385,"tag":149,"props":396,"children":397},{},[398],{"type":389,"value":399},"I work in Agile environments, collaborating closely with product managers to define requirements and owning features from technical design to deployment. My process typically involves understanding the requirements, making key architectural decisions, implementing end-to-end, and iterating based on feedback.",{"data":401,"body":402},{},{"type":382,"children":403},[404],{"type":385,"tag":149,"props":405,"children":406},{},[407],{"type":389,"value":408},"Yes. I've led the development of chat.dk, a Danish alternative to ChatGPT, building AI Agents with tools and RAG to create a conversational experience. I'm also experienced in migrating legacy codebases, such as moving frontends from Vue 2 to Vue 3 and integrating TypeScript across projects.",1773995493294]