[{"data":1,"prerenderedAt":200},["ShallowReactive",2],{"navigation":3,"/blog/blooper-hardcoded-nuxt-content-links":130,"surround-blooper-hardcoded-nuxt-content-links":189},[4],{"title":5,"path":6,"stem":7,"children":8,"page":129},"Blog","/blog","blog",[9,13,17,21,25,29,33,37,41,45,49,53,57,61,65,69,73,77,81,85,89,93,97,101,105,109,113,117,121,125],{"title":10,"path":11,"stem":12},"How to Increase Free Tier Memory on AWS EC2","/blog/aws-ec2-ram","blog/aws-ec2-ram",{"title":14,"path":15,"stem":16},"Blooper: The Disappearing Cloudflare Variables","/blog/blooper-cloudflare-env-vars","blog/blooper-cloudflare-env-vars",{"title":18,"path":19,"stem":20},"Blooper: Hardcoded Content Links cause 404s","/blog/blooper-hardcoded-nuxt-content-links","blog/blooper-hardcoded-nuxt-content-links",{"title":22,"path":23,"stem":24},"Blooper: The Invisible SEO","/blog/blooper-nuxt-seo-env","blog/blooper-nuxt-seo-env",{"title":26,"path":27,"stem":28},"Blooper: The SSR Crash of Doom","/blog/blooper-ssr-feedback-form","blog/blooper-ssr-feedback-form",{"title":30,"path":31,"stem":32},"Blooper: The YouTube Crawl Budget Killer","/blog/blooper-video-crawl-budget","blog/blooper-video-crawl-budget",{"title":34,"path":35,"stem":36},"Blooper: PWA Redirecting SPA Routes","/blog/blooper-vite-pwa-ssr-redirects","blog/blooper-vite-pwa-ssr-redirects",{"title":38,"path":39,"stem":40},"Disk Management in Linux","/blog/disk-management-in-linux","blog/disk-management-in-linux",{"title":42,"path":43,"stem":44},"Docker Devtools Stage | Powerlevel, OhMyZSH, tmux, fuzzy finder, autocomplete etc","/blog/docker-devtools","blog/docker-devtools",{"title":46,"path":47,"stem":48},"Docker container | Resolving Permission Denied Woes: A Decade-Long Struggle Unraveled","/blog/docker-non-root-user-perms","blog/docker-non-root-user-perms",{"title":50,"path":51,"stem":52},"Git commands | underrated","/blog/git-commands-underrated","blog/git-commands-underrated",{"title":54,"path":55,"stem":56},"Journey: Taming Edge Caching and KV Storage","/blog/journey-github-streak-caching","blog/journey-github-streak-caching",{"title":58,"path":59,"stem":60},"Kubernetes Cluster Setup Guide","/blog/k8s-setup","blog/k8s-setup",{"title":62,"path":63,"stem":64},"Linux WiFi Drivers","/blog/linux-wifi-drivers","blog/linux-wifi-drivers",{"title":66,"path":67,"stem":68},"pfSense basic firewall setup","/blog/pfsense-basic-firewall-setup","blog/pfsense-basic-firewall-setup",{"title":70,"path":71,"stem":72},"pfSense Quickstart","/blog/pfsense-quickstart","blog/pfsense-quickstart",{"title":74,"path":75,"stem":76},"Postmortem: Cloudflare Worker Missing Dependency on Deploy","/blog/postmortem-cloudflare-worker-dependency-deploy","blog/postmortem-cloudflare-worker-dependency-deploy",{"title":78,"path":79,"stem":80},"Postmortem: Serverless HTTP Driver Transaction Failures","/blog/postmortem-neon-http-transactions","blog/postmortem-neon-http-transactions",{"title":82,"path":83,"stem":84},"Postmortem: Nuxt Content 404s on Staging Deployments","/blog/postmortem-nuxt-content-404-staging","blog/postmortem-nuxt-content-404-staging",{"title":86,"path":87,"stem":88},"Postmortem: 500 Internal Server Error on ISR Routes","/blog/postmortem-nuxt-content-payload-extraction","blog/postmortem-nuxt-content-payload-extraction",{"title":90,"path":91,"stem":92},"Post-Mortem: Intrusive Database Driver Refactoring","/blog/postmortem-proxy-re-architecting","blog/postmortem-proxy-re-architecting",{"title":94,"path":95,"stem":96},"Post-Mortem: Cloudflare Worker Connection Hang & Resilient DB Fallbacks","/blog/postmortem-worker-db-connection-hang","blog/postmortem-worker-db-connection-hang",{"title":98,"path":99,"stem":100},"Pro Tip: Sandboxing Cloudflare Workers for AI Agents","/blog/pro-tip-wrangler-local-dev-trick","blog/pro-tip-wrangler-local-dev-trick",{"title":102,"path":103,"stem":104},"Proxmox DNS Management","/blog/proxmox-dns","blog/proxmox-dns",{"title":106,"path":107,"stem":108},"Proxmox Recovery","/blog/proxmox-recovery","blog/proxmox-recovery",{"title":110,"path":111,"stem":112},"Proxmox WiFi Connection Story","/blog/proxmox-wifi","blog/proxmox-wifi",{"title":114,"path":115,"stem":116},"roadauth-rails api jwt cors","/blog/rodauth-jwt","blog/rodauth-jwt",{"title":118,"path":119,"stem":120},"SOCKS5 Proxy Quickstart","/blog/sock5-proxy","blog/sock5-proxy",{"title":122,"path":123,"stem":124},"tmux status bar toggle","/blog/tmux-status","blog/tmux-status",{"title":126,"path":127,"stem":128},"UFW - Cheatsheet","/blog/ufw-cheatsheet","blog/ufw-cheatsheet",false,{"id":131,"title":18,"authors":132,"badge":138,"body":140,"date":178,"description":179,"extension":180,"image":181,"imageComponent":182,"meta":183,"navigation":184,"path":19,"pinned":129,"seo":185,"seoImage":186,"stem":20,"__hash__":188},"posts/blog/blooper-hardcoded-nuxt-content-links.md",[133],{"name":134,"to":135,"avatar":136},"Rahul Dhole","/",{"src":137},"/profile.png",{"label":139},"Blooper",{"type":141,"value":142,"toc":171},"minimark",[143,148,152,156,164,168],[144,145,147],"h2",{"id":146},"the-bug","The Bug",[149,150,151],"p",{},"UI navigation links were hardcoded to specific content markdown file paths. When those markdown files were later renamed or reorganized, the hardcoded links silently broke, resulting in 404 errors.",[144,153,155],{"id":154},"the-fix","The Fix",[149,157,158,159,163],{},"Instead of hardcoding static paths, resolve links dynamically. Load the content structure using a query collection, and use ",[160,161,162],"code",{},".find()"," with partial substring matching to auto-detect the current valid path for the intended page.",[144,165,167],{"id":166},"the-rule","The Rule",[149,169,170],{},"Never hardcode internal content paths in UI components. Always derive them dynamically from the content source of truth to ensure resilience against file renaming.",{"title":172,"searchDepth":173,"depth":173,"links":174},"",2,[175,176,177],{"id":146,"depth":173,"text":147},{"id":154,"depth":173,"text":155},{"id":166,"depth":173,"text":167},"2026-06-28","Why you should never hardcode UI navigation links to specific markdown file paths.","md",null,{"type":139},{},true,{"title":18,"description":179},{"src":187},"https://placehold.co/800x400/0f172a/3b82f6?text=Hardcoded+Links+404s","tX0tbKqSxcmpu4PXDbugmfM_3qHeYjwYfDdCAZ4Rc-M",[190,195],{"title":14,"path":15,"stem":16,"description":191,"imageComponent":192,"seoImage":193,"children":-1},"Why environment variables added via the Cloudflare dashboard kept vanishing after deployment.",{"type":139},{"src":194},"https://placehold.co/800x400/0f172a/3b82f6?text=Disappearing+Cloudflare+Vars",{"title":22,"path":23,"stem":24,"description":196,"imageComponent":197,"seoImage":198,"children":-1},"How missing production environment variables caused our app to aggressively de-index itself.",{"type":139},{"src":199},"https://placehold.co/800x400/0f172a/3b82f6?text=The+Invisible+SEO",1784464468315]