Implementación de Localización en Páginas Estáticas con Next.js y Contentful
Curso de Next.js: Internacionalización de Aplicaciones Web con i18n
Contenido del curso
Reynaldo Francisco Moreno Briceño
Pablo Lopera
Arlin Holguin
Jhunior Eduardo Guevara Lázaro
Arlin Holguin
Jhunior Eduardo Guevara Lázaro
Jhunior Eduardo Guevara Lázaro
Aldo Sebastián Méndez Gonzalez
Al dia de hoy en mi caso, cuando borre el 'es' de la url no me deja acceder al contenido en ingles, vuleve a cargar la url con el /es
Para verla en ingles tuve que agegar /en-US y pude obtener la pagina en ingles.
¿Encontraste alguna solución?
Cuando de parte de mi api no tengo locales definidos ? Que puedo hacer ?
En alguna clase Jonathan especificó que nuestro CMS debe soportar los locales para que funcione, si no lo soporta tendrias que cambiar de cms..
Buenos días compañeros. Tengo una duda, cual es el curso antes de este, es que veo que ya tienen un proyecto desarrollado antes de empezar con la internacionalización.
Sigue la ruta de full stack con Next.js 💪
next.config.ts
// next.config.js const config = { ..., i18n: { locales: ['en-US', 'es'], // Lista de todos los locales a soportar defaultLocale: 'en-US', // Locale por defecto }, }
pages/index.tsx
// el parametro locale viene del archivo next.config.ts export const getStaticProps: GetStaticProps<HomeProps> = async ({ locale }) => { const plants = await getPlantList({ limit: 10, locale }) const i18nConf = await serverSideTranslations(locale!) return { props: { plants, ...i18nConf }, revalidate: 5 * 60, // once every five minutes } }
Si no les funciona como a mí me paso, que la imagen no era traida en la petición, solo vayan a Media y chequen lo locales de sus imagenes. Se tiene que subir una imagen por cada locale.