Localización para casos de uso del mundo real: Aprendizajes clave de la incorporación de marcas globales

♪ React Jingle ♪ Si en algún momento encuentras mi charla aburrida, es posible que quieras sacar tu teléfono y tomar una foto de ese código QR. Puedes reservar una demo, echar un vistazo a Sanity, entender cómo funciona. De lo contrario, puedes escucharme durante los próximos minutos.

Buen día a todos en la sala y un gran saludo a Internet, a todos los que están viendo la transmisión en vivo. Mi nombre es Simeon Griggs, soy Ingeniero de Soluciones en Sanity.io. Y hoy vengo con dos objetivos en mente.

Uno, voy a hablarles sobre la localización. Y quiero transmitir, porque sé que ya ha sido un día largo, voy a transmitir la energía de mil soles explotando a la localización, porque sé que es un tema que emociona a la gente. Sin límites, pero dos, tengo un motivo oculto, soy un narcisista y estoy obsesionado con las fotos de los conferencistas. Y realmente espero que haya algunos fotógrafos en la sala. Y solo quiero asegurarme de que yo... ... ...me vaya con un poco de ese estilo de liderazgo de pensamiento. Así que espero que alguien haya capturado eso o tal vez haya algo mejor.

Bueno, parece que hoy estoy haciendo una noche de micrófono abierto sosteniendo mi micrófono. Voy a hablarles sobre la localización en el mundo real. Soy de Sanity. Sanity es un contenido... No es un sistema de gestión de contenido. Es una plataforma para contenido estructurado. Significa que puedes personalizar tu experiencia de CMS para que sea lo que quieras, si quieres establecer una regla de validation en un documento que necesitas resolver el wordle del día para publicarlo, puedes hacerlo. No es necesario, pero puedes hacerlo. Y decimos que el contenido es data. ¿Y qué significa eso? Bueno, vamos a desglosarlo diciendo cuál es lo opuesto. ¿Quién escucha podcasts a 1.5 de velocidad? Porque supuse que habría suficientes de ustedes que podrán seguirme el ritmo si sigo hablando así todo el tiempo.

Así que has construido un sitio web como este, yo he construido sitios web como este. Y en el pasado, cuando solía trabajar con sitios web de WordPress, ¿quién solía construir sitios web de WordPress para ganarse la vida? Sí, mi gente. Y en aquel entonces habrías mirado esto y habrías dicho, ¿cuál es el modelo de contenido de esta página? Y habrías dicho, Simeon, el modelo de contenido para eso, señor, es una página. Y habrías creado un archivo llamado template-course.php y lo habrías creado como una página. Y las lecciones habrían sido páginas secundarias de esa página.

Pero eso es contenido como presentación. Sanity se enfoca en el contenido como data. Y si aún estás usando WordPress, no sé, ahora son todos bloques o algo así, pero no es correcto. Así que volvamos a mirar este sitio web. Está compuesto por piezas de contenido dispares que están conectadas, pero no tenemos que centrarnos en la presentación como un sitio web. Simplemente sucede que está en un sitio web. Esto es contenido. Esto es data de curso, data de presentador, data de etiqueta, data de lección, y lo más importante de todo para el tema de hoy, esto es data de idioma. Y el data de idioma es realmente importante porque puede ser internacionalizado de manera diferente según ese contenido.

Así que consideremos nuestro modelo de presentador. Tengo un nombre, un título y una foto. Ahora, solo dos de esas cosas van a cambiar si necesito internacionalizar este documento. Mi nombre siempre va a ser el mismo. Mi foto va a ser la misma. Entonces, si tengo múltiples versiones de idioma en ese documento, voy a crear múltiples versiones de idioma de ese campo. Y si estoy viendo una lección, bueno, todas estas son texto, así que no tendría sentido tener todas estas como versiones localizadas en este documento, más bien podríamos hacer versiones localizadas de ese documento, y esta es la flexibilidad que Sanity te brinda, puedes internacionalizar las cosas, de acuerdo con el contenido, no de acuerdo con nosotros. No te decimos cómo hacer la internacionalización de idioma, porque para nosotros, todo es data. El idioma es el data. Así es como configuras los idiomas en Sanity, porque todo es JavaScript, por lo que tiene sentido para un desarrollador, ¿verdad? Simplemente mapeas los campos, o mapeas los documentos, y creas versiones específicas de idioma de esos. Y luego este archivo de configuración se puede propagar a tu esquema de Sanity, a tus complementos, a las APIs y servicios de traducción, a tus rutas de Next.js o Remix, y todo proviene de esta única fuente de verdad que subes a GitHub, implementas en el Studio. Y eso es la localización en el mundo real.

Como ingeniero de soluciones, gran parte de mi trabajo consiste en presentar Sanity a nuestros clientes, pero lo genial de lo flexible que es Sanity como plataforma de contenido es que nuestros clientes nos cuentan cómo hacen las cosas. Y gran parte del resto de la charla aquí es mostrar cómo nuestros clientes muestran cómo han realizado la internacionalización en nuestro software. El problema es que no puedo decirles sus nombres, así que tengo que hablar en palabras ambiguas, más o menos. Entonces, esta empresa de altavoces conectados a Internet que utiliza Sanity, utiliza pares clave-valor. Entonces, si has hecho localización con Sanity, probablemente ya hayas hecho este tipo de cosas. Esto es un vistazo a un complemento de Google Translate que tenemos para que puedas escribir contenido en un idioma y que se traduzca automáticamente a varios otros idiomas. Y puedes configurar pares clave-valor. Por lo general, los almacenarías en JSON. Puedes dar a tus equipos de contenido una versión editable de ese contenido.

Hay una marca alemana de fitness en particular con la que también trabajamos. Amplían el modelo. Tienen mercados e idiomas. Algunos mercados tienen varios idiomas. Algunos mercados tienen un solo idioma. Es posible que dos mercados no tengan el mismo idioma, pero aún pueden proporcionar la misma experiencia aquí. Entonces, no todos los mercados están creando el mismo contenido, pero los mercados están creando contenido en varios idiomas. Y puedes hacer todo eso en Sanity. Y puedes configurarlo como quieras. Y esta es una vista administrativa. Pero también pueden utilizarla para sus roles y permisos de usuario. Entonces, ahora un autor canadiense que inicia sesión solo ve su contenido, aunque todo se administra desde un único conjunto de datos. ¿Todos se sienten agotados con la forma en que estoy hablando? Probablemente sea demasiado. Entonces, este conglomerado multinacional hace lo mismo, pero están en como 75 mercados en un único conjunto de datos. 75 sitios web específicos de mercado con múltiples idiomas, todo desde un único conjunto de datos, todo desde un proyecto de Sanity, además de contenido global. Las personas pueden acceder a otro conjunto de datos y origen en otro mercado y extraer contenido y ser capaces de traducir su propia versión de eso. Entonces, es como la versión global con los mercados también. Y eso es, esto es lo que mencioné sobre llegar más allá. Y luego esta empresa sueca de transmisión de música en particular que resulta que utiliza Sanity y probablemente no puedas adivinar quién es. Utilizan 22 idiomas, mercados personalizados. Como, los mercados no están en código. Los editores de contenido pueden crear mercados. Si quieren decir que esta línea de texto solo se puede ver en países donde está disponible este plan en particular, pueden hacerlo desde un solo documento. Y aquí está. Así que hay mucho que analizar aquí. Vamos a repasarlo muy rápidamente, y casi he terminado. Juro que esta cosa me está parpadeando, pero casi he terminado. Ofrecen todo su contenido específico de mercado en un solo documento. Y aquí tenemos algo de contenido noruego, algo de contenido de Estados Unidos. Si lo vemos desde Estados Unidos, solo vemos ese contenido.

Esto se debe a que almacenamos el contenido como data. Es porque es un array de objetos, ese texto. Si echamos un vistazo a la versión noruega, lo estamos filtrando. Y no estamos sobreobteniendo, obteniendo en exceso sonaba como un kiwi ahí, obteniendo en exceso y luego filtrándolo nuevamente. Hacemos esto en el momento de la consulta porque también tenemos nuestro propio lenguaje de consulta. Deberías venir y preguntarnos sobre eso.

Entonces, en primer lugar, el contenido es data. Me da vergüenza intentar esto, pero de todos modos lo haré. Hagamos una llamada y respuesta. Yo digo contenido. Tú dices es data. Contenido. Contenido. Funcionó. Contenido internacionalizado por su dominio. No dejemos que te digamos cómo internacionalizar tu contenido. Podemos mostrarte mejores prácticas, pero puedes hacerlo de la manera que tenga sentido para tu organización. Que es un poco este punto. Localiza como debas. Localiza cómo debas trabajar, cómo necesites. Creo que escribí eso. Soy responsable de ello.

De todos modos, si quieres echar un vistazo a esa demo, si aún tienes tus fotos a mano. Fotos a mano, cámaras a mano. Echa un vistazo a la demo o ven a vernos al stand después. Una cosa más. Lo siento, pensé que había terminado, pero agregué estas diapositivas muy recientemente. Acabamos de lanzar la nueva versión de Sanity Studio. Versión 3. ¿Tu CMS puede hacer esto? Ahora todo el CMS es solo un componente que puedes cargar en cualquier aplicación React. Así que al final de todas estas charlas rápidas en el próximo descanso, corre, no camines, hacia el stand de Sanity y te mostraremos Sanity Studio dentro de una aplicación Remix. que puedes colocar donde quieras. Nunca ha sido tan flexible. Nunca ha habido un mejor momento para ser un desarrollador de Sanity. Nunca ha habido un mejor momento para configurar un... Iba a decir un headless CMS pero no se me permite decir eso. Una plataforma para contenido estructurado. Gracias. Eso es todo.