A simple and straightforward Remix + I18N example built on top of react-i18next and remix-i18next, that offers Multi-Language Support & Locale Switching in your application.
Live Demo that displays Language Switching in action.
This example isn't meant to be a full-fledged application; it's more a reference for your own implementation.
This example aims to help you achieve Multi-Language Support and Locale Switching in your application, following Sergio's remix-i18next documentation.
In the Resources section you will find a list of other examples and resources that could help you achieve a more complete solution.
Clone the repository and install its dependencies:
npm installRun the server:
npm run devNote If you are using
pnpminstead, the following packages must be added toserverDependenciesToBundle:remix-i18next,accept-language-parser,intl-parse-accept-language.
Ready to go! 🎉
A list of other examples and resources that could help you achieve a more complete solution:
- Remix I18Next by sergiodxa - Must read documentation that will help you understand how to implement i18n in your Remix application.
- RoachRoast by aydrian - A Remix app demo that uses i18n and Prisma - Github Repository
- I18Next Prisma Backend by aydrian - A backend plugin for i18next that supports using Prisma to load resources from the data source specified in the
schema.prismaconfiguration file. - Epic Stack + I18N by rperon - A Remix app demo that uses i18next for the Epic Stack.
If you have any suggestion you'd like to share, feel free to open a PR!
Licensed under the MIT license.