How to localize React app using i18next
Kinga Pomykała
Learn how to localize your React app using i18next and react-i18next. This step-by-step guide will show you each step of React app internationalization from scratch.
Command-line tool
Synchronize localization files between your local files
and web-based translation editor from your terminal.
$ simplelocalize upload
--uploadPath ./translations_{lang}. json
--uploadFormat single-language-json
--apiKey YOUR_API_KEY
$ Done! 3 files uploaded successfully
What is SimpleLocalize CLI?
SimpleLocalize CLI is a command-line tool that allows you to synchronize localization files between your local files and web-based translation editor from your terminal. It's a lightweight app that can be works with macOS (Apple Silicon / Intel), Windows and Linux. Setup is super simple and requires just one command to install. It doesn't require any additional software to be installed on your machine. Code base is open-source and available on GitHub.
How to get started
with SimpleLocalize CLI
SimpleLocalize CLI is a powerful tool that helps you to automate the translation process in your project.
You can easily synchronize translation files between you local project and SimpleLocalize Translation Editor.
# macOS / Linux / Windows (WSL)
curl -s https://get.simplelocalize.io/2.6/install | bash
# Windows (PowerShell)
. { iwr -useb https://get.simplelocalize.io/2.6/install-windows } | iex;Install CLI
0Execute a shell script to auto-install CLI or download a binary file. Create a YAML file with configuration for your project.
Get started with CLIUpload translations
1Execute upload command to push your local translation files to translation editor.
See how to upload translationsCopy
$ simplelocalize upload \
--apiKey YOU_API_KEY \
--uploadFormat single-language-json \
--uploadPath ./messages_{lang}.json
Manage translations
2Your translations will show up in a translation editor. In web client you start auto-translation, see translations suggestions, edit translations and more.
Go to Translation EditorDownload translations
3Download translations in any format you want. You can use CLI command or download translations manually.
See how to download translations$ simplelocalize download \
--apiKey YOUR_API_KEY \
--downloadFormat single-language-json \
--downloadPath ./messages_{lang}.json{
"en": {
"CREATE_ACCOUNT": "Create account",
"SIGN_IN": "Sign in",
"WELCOME_TO_THE_JUNGLE" : "Welcome to the jungle"
},
"es": {
"CREATE_ACCOUNT": "Crear cuenta",
"SIGN_IN": "Iniciar",
"WELCOME_TO_THE_JUNGLE": "Bienvenido a la jungla"
}
}
Host translations
4Instead of downloading translations, you can host them on SimpleLocalize CDN. It's free and you can use it with any programming language.
Learn about Translation HostingReady to say
|
Greet your customers
in their mother language
Related articles
We found some articles about developer tools that you might like
How to translate a webpage: User and Developer Guide
Kinga Pomykała
Learn to translate webpages: user tips (browser tools, services, extensions) and developer strategies (multilingual content, translation software).
Cloudflare Workers and Website Localization (2/5)
Jakub Pomykała
In this tutorial, how to extract translation keys and translations from a HTML website and upload them to SimpleLocalize using the SimpleLocalize CLI.