This example shows how to use dedicated instances of i18next in micro frontends.
Every micro frontend must be able to change language from any of them while impacting every single one of them.
This example is made of 4 packages :
- Next-Host
- React-Host
- React-Remote
- I18Next-Shared-lib
This is a NextJS server, using a dedicated i18next instance for internationalization, showing a single button to change language. It is using a component exposed by React-Remote.
This is a simple react application, using a dedicated i18next instance for internationalization, showing a single button to change language. It is using a component exposed by React-Remote.
This is a micro frontend, using a dedicated i18next instance for internationalization, exposing a single component with a button to change language.
A shared lib sharing a module to handle i18next instances
To run tests in interactive mode, run npm run cypress:debug from the root directory of the project. It will open Cypress Test Runner and allow to run tests in interactive mode. More info about "How to run tests"
To build app and run test in headless mode, run yarn e2e:ci. It will build app and run tests for this workspace in headless mode. If tets failed cypress will create cypress directory in sample root folder with screenshots and videos.
"Best Practices, Rules amd more interesting information here