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 (Choose your country or region - Apple) 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/: …