Best practices for managing multi-language content in Sanity-based projects discussed

*[_id == "labelGroup"][0].labels{ key, "text": text[$lang] }

export default {
  name: "commonLabels",
  title: "Etiquetas y Textos",
  type: "document",
  fields: [
    {
      name: "labels",
      title: "Etiquetas",
      description: `Etiquetas y textos comunes que requieran traducciones.`,
      type: "array",
      of: [
        {
          name: "label",
          title: "Etiqueta",
          type: "object",
          fields: [
            {
              name: "key",
              title: "Key",
              type: "string",
              description: `Identifica la etiqueta en el código`,
            },
            { name: "value", title: "Value", type: "localeString" },
          ],
        },
      ],
    },
  ],
};

*[_type == "commonLabels"][0]{
labels[]
}

"result":{1 item
"labels":[1 item
0:{4 items
"_key":"332212de888c"
"_type":"label"
"key":"home.introText"
"value":{3 items
"_type":"localeString"
"en":"Welcome to EK roboter S.A."
"es":"Bienvenido a EK roboter S.A."
}
}
]
}

const commonLabelsQuery = groq`*[_type == "commonLabels"][0]{
labels[]
}`

export const getStaticProps: GetStaticProps = async () => {
  const commonLabels = await sanityClient.fetch(commonLabelsQuery)
  return {
    props: {
      commonLabels,
    },
  }
}

<http://commonLabels.home.introText.es|commonLabels.home.introText.es>

const labels = {}

commonLabels.forEach(label => labels[label.key] = label.value)

const label = commonLabels.find(label => label.key === 'home.introText')

*[_type == "commonLabels"][0]{
  labels[]{
    key,
    "value": value[$lang]
  }
}

TypeError: commonLabels.forEach is not a function. (In 'commonLabels.forEach(function(label) {
        return labels[label.key] = label.value;
    })', 'commonLabels.forEach' is undefined)

*[_type == "commonLabels"][0]{
  labels[]{
    key,
    "value": value[$lang]
  }
}.labels