How to Translate i18next JSON Without Breaking Keys, Nesting, or Interpolation

Use JSON Translate on real locale files without damaging the parts your app depends on

JSON Translate TeamMay 16, 20267 min readUpdated May 16, 2026
#i18next#json translation#localization#placeholders#tutorial

Introduction

i18next files usually mix real UI copy with tokens that must survive translation exactly as written. That includes nested keys, interpolation placeholders, and product terminology.

This workflow is built for the common case: you have a source locale such as en/common.json and want fast draft translations without breaking the structure your frontend expects.

Step-by-Step Guide

1

Upload the source locale file

Start with the canonical source language file.

Paste or upload the original JSON locale file directly into the editor. JSON Translate keeps the JSON structure intact, so object nesting and key names remain unchanged.

That means checkout.summary.total stays a key path, while only the human-readable values are translated.

2

Protect tokens and product language before translating

Prevent costly mistakes before the first output is generated.

Add protected words for strings that should never change, such as product names, SKU labels, internal acronyms, or API terms.

For i18next specifically, review values containing placeholders like {{name}}, {{count}}, and inline markup before approval.

3

Generate draft translations and review the diff

Catch obvious issues quickly.

Translate into the target language, then compare the result with the original. The fastest review wins are missing placeholder tokens, awkward plural phrasing, and terms that should have been protected.

If you are shipping multiple locales, review the highest-risk strings first: checkout, authentication, error handling, and upgrade messaging.

4

Run the translated file in your app

Always verify in context before release.

Load the translated file inside the actual i18next app and click through key screens. Look for truncated UI text, placeholder rendering mistakes, and labels that feel too literal.

Machine translation gets you most of the way there. Final quality still comes from context review.

Pro Tips

💡

Keep one reviewed source locale as the baseline, protect brand and technical vocabulary early, and treat machine output as a draft that still needs product-level QA.

Conclusion

For i18next teams, the goal is not just translating strings. It is keeping runtime-safe JSON while shortening the time between source copy and reviewable localized builds.

Ready to Translate Your JSON Files?

Put your knowledge into practice with our powerful JSON translation tool.

Start Translating Now
Back to All Articles
Share this article: