Me encontré con un problema al que nunca me había enfrentado antes de desarrollar una PWA con traducciones.
Declaro que siempre y únicamente he desarrollado aplicaciones multilingües en Vue, React, Angular, y en este momento estoy usando Svelte.
Siempre he usado prácticas simples, traducción con un diccionario json y envío de la variable Lang al servidor para la adquisición de datos en el idioma solicitado (establecido en los encabezados).
Todo esto estuvo bien hasta que me encontré con la necesidad de recibir las etiquetas meta traducidas para el contenido solicitado inmediatamente, durante SSR, al aterrizar en la página. Pero como saben, en esta etapa no hay acceso a localStorage o similar, por lo que me es imposible adquirir las metaetiquetas en el idioma solicitado, ya que no tengo acceso a la variable configurada en el navegador. ¿Cómo se actúa en este caso? No estoy interesado en encontrar una solución específica para un determinado marco, sino una posible técnica.
Para Svelte encontré esta solución a medias, que me permite obtener el slug / lang / de la dirección y usarlo en el servidor durante la fase de renderizado, para obtener los datos ya traducidos en el lado del servidor.
¿Puedo considerar esto como una buena solución?
No sé qué está devolviendo de la API, pero si tiene contenido definido por el usuario localizado en el backend, entonces esta solución es buena. Si está traduciendo la aplicación en sí, tal vez pueda probar Tolgee, que es compatible con SSR. https://tolgee.io/integrations/svelte