A step by step tutorial can also be found here.

This project was bootstrapped with Create React App.

watch the video

watch the video (old client)

We added our translation management locize.com.

InContext Editing:

• locize
• locize-editor (old client)

i18next Backend: loading translations, save new segments during runtime

• i18next-locize-backend

last used: sets a timestamp on every key touched -> safely remove old/unused keys

• locize-lastused

You will find your project informations like projectId and apiKey on your locize projects settings. (Signup add a new project for testing).

Set projectId and apiKey in /src/i18n.js.

# npm start

insert http://localhost:3000 in the locize client to open your application with the locize incontext editor.

open http://localhost:3000?locize=true to open your application with the locize incontext editor.