At first, i18next seems to be a simple key/translation dictionary, but in reality it is an elaborated and very extensible i18n framework with a lot of power.

It offers translations to be provided from different sources, a language detection, plural form resolutions, caching, post processing, alternative i18n formats and more. You see it does not only offer the standard i18n features, like interpolation, formatting, etc.
But the best thing about it is certainly the limitless ecosystem around i18next. We don't know of any other i18n framework with such a large community.

That's why we like i18next that much!

Just use i18next-locize-backend as i18next backend

import i18next from 'i18next';
import Backend from 'i18next-locize-backend';
 
i18next
  .use(Backend)
  .init({
    // ...other options
    backend: {
      projectId: '[PROJECT_ID]',
      apiKey: '[API_KEY]',
      referenceLng: '[LNG]'
    }
  });

Are you using React?

Here you can find a step by step guide, which will unleash the full power of i18next in combination with locize.
Explore what is the right module for your React project here.
See how your developer experience with this localization workflow could look like.
There's also the possibility to have an even more focused developer experience, with the help of the auto-machinetranslation workflow and the use of the save missing keys functionality, new keys not only gets added to locize automatically, while developing the app, but are also automatically translated into the target languages using machine or generative AI translation (like Google Translate, Deepl, Open AI or Mistral AI).

Using React, but new to i18next?

Check out this tutorial blog post: "How to properly internationalize a React application using i18next"

Are you using Next.js?

Here you can find an example with different approaches and a blog post explaining this.
Or this blog post, if you're using Next.js 13/14 with app directory/router.

Are you using Remix?

Here you can find a simple example and a step by step tutorial.

Are you using Gatsby?

Here you can find an example and an appropriate blog post.

Are you using i18nextify?

Use the locizify script, like shown in this video.

It works also on server side, like Node.js or Deno

Did you know internationalization is also important on your app's backend, like Node.js?

In this tutorial blog post you can check out how this works.

And in this tutorial blog post you can see it working also in Deno.

Are you using Vue.js?

Check out this blog post.

Are you still using jQuery?

Check out this blog post.

Are you using a different technology?

Here you can check if there is a supported i18next framework for you.
If there is none suitable for your needs, there's always the possibility to directly integrate the locize API on your own.