Multi-lang Translations App

This is a BigCommerce App built using Next.js that enables merchants to translate their catalog into multiple languages per storefront. It uses:

• App Extensions to create a native editing experience within the product list
• The BigCommerce GraphQL Admin API to fetch and update catalog localization data

Todo

• Ability to translate product name and description
• Ability to translate SEO page title and meta description
• Ability to translate dropdown variant option labels
• Ability to translate custom fields
• Add check for multi-lang functionality and fail gracefully if it's not enabled
• Ability to translate non-dropdown variant option labels
• Ability to translate pre-order settings
• Ability to translate storefront details
• Ability to translate modifier option labels
• Ability to translate modifier initial / default values
• Add remove mutations for all nodes
• Improve UX of custom field editing (should use two column layout on mobile)
• Add Sentry error tracking
• Translate app strings (including API route responses and setting user locale via JWT)
• Use default locale and available locales from channel locale settings instead of constant
• Verify app extension is only added once after app is reinstalled
• Simplify multiple database support, setup, and deployment docs
• Pull out Admin GraphQL client into a separate package
• Add import / export functionality

Getting Started

npm install
npm run dev

Open http://localhost:3000 with your browser to see the result.