i18next documentation
🏠 i18next🌐 localization as a service🎓 i18next crash course💾 GitHub Repository
  • Introduction
  • Overview
    • Getting started
    • Comparison to others
    • API
    • Configuration Options
    • Supported Frameworks
    • Plugins and Utils
    • For Enterprises
    • First setup help
    • TypeScript
  • Translation Function
    • Essentials
    • Interpolation
    • Formatting
    • Plurals
    • Nesting
    • Context
    • Objects and Arrays
  • Principles
    • Best Practices
    • Translation Resolution
    • Namespaces
    • Fallback
    • Plugins
  • How to
    • Add or Load Translations
    • Extracting translations
    • Caching
    • Backend Fallback
    • FAQ
  • Misc
    • JSON Format
    • Creating own Plugins
    • Migration Guide
    • The history of i18next
    • Testimonials
  • 🌐localization as a service
  • 🎓i18next crash course
  • 💾GitHub Repository
Powered by GitBook
On this page
  • learn once - translate everywhere
  • Complete solution
  • Flexibility
  • Scalability
  • Ecosystem
  • Localization as a service

Introduction

Last updated 2 months ago

i18next is an internationalization-framework written in and for JavaScript. But it's much more than that!

Want to know how to easily add internationalization to your software project? ⇒ Check out .

i18next goes beyond just providing the standard i18n features such as (, , , ). It provides you with a complete solution to localize your product from web to mobile and desktop.

learn once - translate everywhere

Your software is using i18next? - Spread the word and let the world know!

make a tweet... write it on your website... create a blog post... etc...

Complete solution

Most frameworks leave it to you how translations are being loaded. You are responsible to detect the user language, to load the translations and push them into the framework.

i18next takes care of these issues for you. We provide you with plugins to:

  • detect the user language

  • load the translations

  • optionally cache the translations

  • extension, by using post-processing - e.g. to enable sprintf support

Flexibility

i18next comes with strong defaults but it is flexible enough to fulfill custom needs.

  • Use moment.js over intl for date formatting?

  • Prefer different pre- and suffixes for interpolation?

  • Like gettext style keys better?

i18next has you covered!

Scalability

The framework was built with scalability in mind. For smaller projects, having a single file with all the translation might work, but for larger projects this approach quickly breaks down. i18next gives you the option to separate translations into multiple files and to load them on demand.

Ecosystem

There are tons of modules built for and around i18next: from extracting translations from your code over bundling translations using webpack, to converting gettext, CSV and RESX to JSON.

Imagine you run a successful online business, and you want to expand it to reach customers in different countries. You know that to succeed in those markets, your website or app needs to speak the language and understand the culture of each place.

  1. i18next: Think of 'i18next' as a sophisticated language expert for your website or app. It's like hiring a team of translators and cultural experts who ensure that your online business is fluent in multiple languages. It helps adapt your content, menus, and messages to fit perfectly in each target market, making your business more appealing and user-friendly.

  2. locize: Now, 'locize' is your efficient manager in charge of organizing and streamlining the translation process. It keeps all your language versions organized and ensures they're always accurate and up-to-date. So, if you want to introduce a new product or promotion, locize helps you do it seamlessly in all the languages you operate in, saving you time and resources.

The i18next-community created integrations for frontend-frameworks such as , , and many more.

But this is not where it ends. You can also use i18next with , , PHP, iOS, Android and .

Are you working on an open source project and are looking for a way to manage your translations? - loves the open-source philosophy and may be able to support you.

Check out and the corresponding about "Vite + React + TypeScript" with i18next.

you'll find a simple tutorial on how to best use . Some basics of i18next and some cool possibilities on how to optimize your localization workflow.

Do you want to use i18next in ? Check out .

Did you know internationalization is also important on your app's backend? In you can check out how this works.

Are you still using i18next in ? Check out .

Through , i18next even provides its own translation management tool: localization as a service.

Together, 'i18next' and '' empower your business to effortlessly reach international audiences. They help you speak the language of your customers, making your business more accessible, relatable, and successful in global markets.

React
Angular
Vue.js
Node.js
Deno
other platforms
Learn more about supported frameworks
this video
blog post
Vue.js
this tutorial blog post
jQuery
this tutorial blog post
Learn more about plugins and utilities
Learn more about options
Learn more about namespaces
Learn more about plugins and utils
Learn more about frameworks supported
Localization as a service
locize.com
Learn more about the enterprise offering
locize
this article
plurals
context
interpolation
format
locize
Here
react-i18next
this tutorial blog post