Any app that’s built to scale is going to eventually need localization. At Lazer, building things that scale is our passion, and so we have familiarized ourselves with the intricacies of various localization libraries.

In this quick tutorial, we’re going to be creating a demo project written in NextJS that implements some popular libraries in order to support a second language on our app. But first, let’s be clear about what “localization” really means:

Internationalization is the process of designing a software application so that it can be adapted to various languages and regions without engineering changes.

Localization is the process of adapting internationalized software for a specific region or language by translating text and adding locale-specific components.

In this case, our localization project involves adding french language support to our existing english NextJS app. To do this, we will be using the popular i18next library in combination with locize – a valuable UI for translators to work on translations.

#next.js #javascript #react