What are best practices for managing translation content at scale in a large, multilingual Next.js application?

Store translations in structured files organized by language and feature, use a dedicated translation management library or service to keep them synchronized, avoid hardcoding text directly inside components, and consider working with a translation service or professional translators to ensure quality and cultural accuracy across all supported languages.

// locales/en/common.json
{
  "welcome": "Welcome to our store",
  "cart": "Shopping Cart"
}

// locales/es/common.json
{
  "welcome": "Bienvenido a nuestra tienda",
  "cart": "Carrito de Compras"
}