enable-shopify-markets
Enable Shopify Markets
Add multi-region commerce to the Vercel Shop template. The fresh baseline is one deployment with clean URLs, inline component copy and reusable functions in lib/content/index.ts, and explicit shopConfig.localization = { country: "US", language: "EN", locale: "en-US" }. It does not include next-intl, catalogs, lib/i18n/, or a lib/params/server.ts locale resolver.
Copy translation and commerce market selection are separate concerns. This skill's regional-locale strategy deliberately combines them: a validated en-US, en-CA, or fr-CA selects translated copy plus Shopify country/language context. Confirm that coupling fits the store before adopting it. Do not infer a shopper's commerce country merely from a copy locale introduced by enable-i18n. Preserve existing installations that intentionally separate language and country; do not force them into this example model.
For a new regional-locale implementation, do not invent a separate market key, redundant market-to-locale map, currency map, or /market/locale route. Existing custom market models need an explicit migration decision, not automatic removal.
Examples of valid public routing:
- Locale sub-path:
/fr-CA/products/shoe - Invisible cookie routing:
/products/shoefor every locale - Per-domain:
example.ca/fr-CA/products/shoeor a single locale onexample.fr/products/shoe
Never generate redundant paths such as /ca/fr-CA/products/shoe.
Before editing
Read the current versions of: