
I Had 120 Screens and Zero Working Links. Here's How I Fixed It Without Touching a Single File.
I'm building an app called Aether. Cannabis wellness journal. The design is very specific, very intentional, very "Christopher Nolan built a spa." Deep dark backgrounds, glowing teal buttons, glassmorphism everywhere. It looks good. I spent weeks on it. The problem: I had 120+ individual HTML screen files and every single link in every single one of them looked like this. <a href= "{{DATA:SCREEN:SCREEN_138}}" > CONTINUE TO EFFECTS </a> Every button. Every nav tab. Every "Continue" CTA. All 120 screens. Every link was dead. These are AI-generated design screens. The tool that made them used placeholder tokens to represent screen references and never resolved them. So I had this gorgeous archive of screens that did absolutely nothing when you clicked anything. The obvious move is to go through each file and replace the placeholders with real paths. That's also insane. 120 files, multiple broken links per screen, and every time I add or rename something I get to do it again. No. So here's
Continue reading on Dev.to Tutorial
Opens in a new tab



