Navigation menu for multi-regional and multilingual sites


#1

I’m looking for guidance and best practices in order to implement a navigation menu for multi-regional and multilingual website with Ghost. I want to be able to contextualize the user depending on which country he is and witch language he speak.

I want to insert variables into navigation path in order to support the following pattern (Subdirectories with gTLD) :
• /{country-code}/{language-code}/{content-type-tag}/{slug}

What would be the best strategy in order to do so?

Hypothesis
• Maybe something exist inside Ghost?
• Using Gatsby because it’s more flexible?
• Create link like the one on apple.com where you can choose directly your country or region (https://www.apple.com/choose-country-region/) and creating a page who contain every region that I support?
• Create a custom theme with a toolbar at the top of the site with 2 selects (one for country, one for language) and storing the user choice in the localStorage and using theses variables in the URL path when they click on a category?
• Other?

I’ve already categorize my content to support both French / English Canada and France so my post are classified in theses collections :

collections:
  /ca/fr/evaluations/: …
  /ca/en/reviews/: …
  /fr/fr/evaluations/: …

In order to reach them, I’ve made several channels :

routes:
  /: …
  /ca/fr/evaluations/electronique/ordinateurs/: ...
  /ca/en/reviews/electronics/computers/: …
  /fr/fr/evaluations/electronique/ordinateurs/: …
  /ca/fr/evaluations/electronique/audio/: …
  /ca/en/reviews/electronics/audio/: …
  /fr/fr/evaluations/electronique/audio/: …

Reference
Managing multi-regional and multilingual sites


closed #2

This topic was automatically closed 14 days after the last reply. New replies are no longer allowed.