Fix Routing/Navigation

Repair broken links, 404s, back-button traps, and guard gaps so navigation works like users expect.

5 steps17 verify checks30-60 minutesWorks with: emergent · chatgpt · claude · cursor

Start Guided Walkthrough

#routing #navigation #links #404 #spa

The Route

0/5 verified

Map routes and links

Inventory every route and every element that navigates.

3 checks 02

Fix dead and wrong links

Every navigation element must reach its labeled destination.

3 checks 03

Fix deep links and refresh

Any URL must load directly and survive refresh.

3 checks 04

Fix guards, back button, and 404

Close the navigation edge cases users always hit.

4 checks 05

Navigation QA run

Prove the whole navigation graph works end to end.

4 checks

Every step ends at a Verify Gate. Do not continue until every check passes.

Context Pack

Paste this first. It briefs the AI on requirements, constraints, and the Definition of Done before your first build prompt.

Context Pack

PROJECT CONTEXT:
My app's navigation is unreliable: dead links, wrong redirects, broken back button, refresh 404s, or guard leaks.

GOAL:
Every link goes where it says, deep links and refresh work, back behaves, and guards protect the right routes.

REQUIREMENTS:
- A route and link inventory with verified destinations
- Working deep links and refresh on every route
- Correct back/forward behavior
- A designed 404 page
- Route guards on protected pages without leaks

CONSTRAINTS:
- Full-page reloads inside a SPA count as bugs
- Do not fix a dead link by deleting the link

DEFINITION OF DONE:
- Every nav element navigates correctly
- Any route survives direct load and refresh
- Back button never traps or breaks state
- Unknown URLs show the 404 page
- Protected routes redirect correctly

COMMON FAILURES TO AVOID:
- Links with href='#' or empty onClick
- Refresh on a nested route returning server 404
- Redirect loops between login and dashboard
- Guards that flash protected content before redirecting

Paste this into your AI builder first. It teaches the AI what you want before you give it the build prompt.