Weird routeing issue

[rub1e]

Sorry if this is actually a Remix issue and nothing to do with Hydrogen / the Demo Store, but I'm very confused...

I want my store pages to live at /$pageHandle rather than /pages/$pageHandle. So in the Demo Store routes directory, I changed

($locale).pages.$pageHandle.tsx
to
($locale).$pageHandle.tsx

But when I go to /pages/shipping the correct content is served, and when I go to /shipping it 404s!

But how can this be, when there's nothing handling /pages routes?

Any guidance much appreciated...

[blittle]

It's probably because of ($locale) which is an optional route segment. So with the route /pages/shipping, "pages" is evaluating as the locale, and "shipping" the page handle. Do you plan on using path-based localization? If not, the easiest thing would be to remove the ($locale) prefix on all the routes. I assume though that you also have a $.tsx file as well. That is also a root wildcard, and renders a 404 page. You probably would want to remove that file, and update your $pageHandle.tsx to throw a not found error if the handle doesn't exist.

[rub1e]

Ah gotcha, OK that makes sense, thanks

This is a problem as we were intending to do localisation as hybrid path-based / domain-based.

I tried making the route just $pageHandle.tsx but that matches ($locale)._index.

I think for now we might have to live with /pages in the URL and revisit this another time.

Thanks for your help!

[sanschaise]

It would be really cool to somehow have a remix way around this.. Also struggled with this. Someway to validate the param and let it move to the following route fallback.