[{"data":1,"prerenderedAt":70},["ShallowReactive",2],{"term-t\u002Ftyped-routes":3,"related-t\u002Ftyped-routes":59},{"id":4,"title":5,"acronym":6,"body":7,"category":40,"description":41,"difficulty":42,"extension":43,"letter":44,"meta":45,"navigation":46,"path":47,"related":48,"seo":53,"sitemap":54,"stem":57,"subcategory":6,"__hash__":58},"terms\u002Fterms\u002Ft\u002Ftyped-routes.md","Typed Routes",null,{"type":8,"value":9,"toc":33},"minimark",[10,15,19,23,26,30],[11,12,14],"h2",{"id":13},"eli5-the-vibe-check","ELI5 - The Vibe Check",[16,17,18],"p",{},"Typed Routes means your framework knows every valid URL in your app at compile time, so if you typo router.push('\u002Fusres\u002F1') instead of '\u002Fusers\u002F1', TypeScript catches it before your users find a 404. It turns your routing from hope the string is right into the compiler already checked.",[11,20,22],{"id":21},"real-talk","Real Talk",[16,24,25],{},"Typed Routes is a feature, available in Next.js, SvelteKit, TanStack Router, and Nuxt, that generates TypeScript types from your file based route structure, providing autocomplete and compile time validation for route paths, params, and search params used in navigation calls. It catches broken links and mistyped dynamic segments before runtime instead of after deployment.",[11,27,29],{"id":28},"when-youll-hear-this","When You'll Hear This",[16,31,32],{},"\"We turned on typed routes and immediately caught two dead links in the nav bar.\" \u002F \"TanStack Router's typed routes autocomplete the dynamic segment names as you type.\"",{"title":34,"searchDepth":35,"depth":35,"links":36},"",2,[37,38,39],{"id":13,"depth":35,"text":14},{"id":21,"depth":35,"text":22},{"id":28,"depth":35,"text":29},"frontend","Typed Routes means your framework knows every valid URL in your app at compile time, so if you typo router.","intermediate","md","t",{},true,"\u002Fterms\u002Ft\u002Ftyped-routes",[49,50,51,52],"File-Based Routing","Next.js","TanStack Router","TypeScript",{"title":5,"description":41},{"changefreq":55,"priority":56},"weekly",0.7,"terms\u002Ft\u002Ftyped-routes","0PX8-o5beVQKAcM62CsizoxTjKJunMFQLuOJL2mShVg",[60,64,67],{"title":49,"path":61,"acronym":6,"category":40,"difficulty":62,"description":63},"\u002Fterms\u002Ff\u002Ffile-based-routing","beginner","File-Based Routing means your folder structure IS your routing. Create pages\u002Fabout.vue and you get \u002Fabout.",{"title":50,"path":65,"acronym":6,"category":40,"difficulty":42,"description":66},"\u002Fterms\u002Fn\u002Fnext-js","Next.js is React's big sibling that adds superpowers like SSR, SSG, file-based routing, and API routes.",{"title":52,"path":68,"acronym":6,"category":40,"difficulty":42,"description":69},"\u002Fterms\u002Ft\u002Ftypescript","TypeScript is JavaScript with a strict parent watching over it.",1792528133325]