Arquitectura de internacionalización para contenido en JavaScript

Introducción

Qué es internacionalización y localización

Arquitectura

Agregando locales a nuestro contenido y Rutas Internacionalizadas

Rutas i18n

Rutas internacionalizadas y páginas no-dinámicas (Home)

Rutas Internacionalizadas en páginas dinámicas con getStaticPath()

Experiencia de usuario

Detección de idioma automática y next/link

Elección de idioma para el usuario a través de API Next.js

Arquitectura React

Arquitectura de internacionalización para labels en JavaScript

Arquitectura de internacionalización para componentes en React

Nuestra aplicación completamente traducida

Próximos pasos

Retos y trade-offs

Continúa con el Curso de Next.js: Grandes Datasets

Recursos

Git tag: 6-internacionalizacion
Comando: git checkout -b dev 6-internacionalizacion

Aportes 1

Preguntas 0

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad? Crea una cuenta o inicia sesión.

Fernando Quinteros Gutierrez

👷‍♂️ Arquitectura de internacionalización para contenido en JavaScript

API ⇒ Información dinámica que obtenemos por parte del servidor, esta se renderiza tal cual como llega
App ⇒ Texto estático “hardcodeado”, es texto que está directamente escrito en HTML también es conocido como labels

Para poder implementar locales, se puede realizar de 2 formas mediante los paths
1. misitio/productos
2. misitio/es/productos
En el caso de Contentful tiene soporte para locales
React será el encargado de manejar tanto los labels (traducciones) y también los formatos
Next.js te provee la arquitectura para:
- La internalización del servidor y las páginas de Next.js
- Los locales para comunicarnos con la API
- Rutas internacionalizadas dependiendo de las locales