Mi cliente tiene un requisito de idioma dual en una aplicación web. Los usuarios deben poder alternar entre francés e inglés.
Agregué un botón que alterna un estado y establece una cookie para que pueda recordar su selección para la próxima vez.
¿Cuál es la forma directa más eficiente de escribir el código para manejar la preferencia de idioma del usuario y mostrar el texto del idioma correcto en una página?
Mi enfoque actual es usar una declaración if como esta, para verificar primero el estado y representar el texto en consecuencia.
const [useLang, setLang] = useState('En') (useLang == 'En') ? <p>English Text Here</p> : <p>French Text Here</p>¿Sería más eficiente tratar de obtener el inglés | francés desde un único archivo de origen y, en caso afirmativo, ¿cómo debería ser? ¿Cómo debería configurarse?
Next.js tiene soporte incorporado para enrutamiento internacionalizado (i18n) desde v10.0.0. Puede proporcionar una lista de configuraciones regionales, la configuración regional predeterminada y las configuraciones regionales específicas del dominio, y Next.js se encargará automáticamente del enrutamiento.
También puede deshabilitar la traducción basada en enrutamiento y ajustarla a la traducción específica del estado.
La documentación completa se puede encontrar aquí