Routes tab mapping public URL paths to HTML files
Missing route 404

Appifio Creator · Lesson X04 · Troubleshooting

URL 404 /
missing route

You have an HTML file in Files but the URL still 404s - almost always a missing or wrong map on the Routes tab.

Learning goals: Add a route with the right slug ↔ file, click Save on the Routes tab, tell slug apart from file path (T08).

Reading time: ~10 minutes · Previous: T08, D02 · Next: X05

UI labels: Routes tab · Add Route · Save · green/gray toggle · Save changes · Files

1. Fix flow

Visitor opens URL → 404?
→ HTML file in Files?
Has file → missing map: Routes tab → Add Route → slug → pick file → toggle ON → Save
No file → AI creates HTML first, then add route
→ Route exists but toggle gray → turn green → Save
→ Draft not published → also Save changes in Creator
→ Broken internal links → absolute URL (T08), don’t confuse slug with file name
Applied Clean template / wipe → route map cleared - add again (X08)

2. Glossary

TermMeaningWhere you see it
Route Path (slug)Public URL: letters, digits, -, _; can nest blog/helloRoutes tab
Target FileHTML file on the project virtual disk - not public by file name aloneDropdown when adding a route
Route mapSlug → file mapping - updates only when you click Save on this tabManaged via Routes (not hand-edited)
Save vs Save changesSave = routes on the draft; Save changes = publish the whole draftRoutes tab vs toolbar

3. Steps (T08 labels)

  1. Open the Routes tab.
  2. Click Add Route.
  3. Enter the route slug (letters, digits, -, _) - don’t confuse with a file name like post-hello.html.
  4. Pick the HTML file from the dropdown (Target File).
  5. Turn the toggle green (route active).
  6. Click Save - writes the route map to the project. Not the same as Save changes.
  7. Preview Changes → try the URL → if OK → Save changes to publish.
  8. After AI creates a new page: always check this tab - AI often forgets to add the route.

4. Compare · Can / Cannot

Next.js file-based routing: file path ≈ URL. WordPress permalinks: rewrite ≈ route map. Appifio keeps file ↔ route explicit - flexible pretty slugs.

Can: Short URLs, nested slugs, enable/disable a route without deleting the file.
Cannot: Expect every HTML file to be public by name; skip Routes Save and still expect the URL to work.

5. Security

Don’t route admin / Aura CMS pages to guessable slugs without auth (T07). Public routes only for guest pages that should be visible.

6. Symptom table

SymptomFix
404 despite HTML in FilesAdd Route + Save; check green toggle
Route edit not liveForgot Routes Save; then Save changes
Broken internal linksUse absolute URLs from the app base (T08)
Slug right, wrong fileChange Target File on the route → Save
All routes gone after templateClean template wiped routes - add again or restore an old Clone (X08)
Post deleted but URL remainsRemove the matching route + Save

7. Tips · Checklist

  • Prompt AI: “After creating the page, add the route and remind me to Save on the Routes tab.”
  • Aura CMS dynamic types can auto-create routes - still check Routes when you see 404.
  1. Can you tell URL slug from HTML file name?
  2. Do you know that Routes Save is not the same as Save changes?
  3. Tried green toggle + Save before reporting 404?

Appifio Creator · User guide · X04