We recommend pre-emptively fetching the user’s data from the server, including internationalization settings, and making it available to the components, before we allow the user to interact with them.
We want to ensure the data is available, because we don’t want to incur a bad user experience, such as jumpy content or flickering CSS.
Here's how you can achieve this using the
This will make sure the application doesn't bootstrap before Transloco loads the translation file based on the current user's language.
You can read more about it in this article.