json (.json)
JSON ist das am weitesten verbreitete Lokalisierungsformat für Webanwendungen. React-Anwendungen, die i18next oder react-i18next verwenden, speichern Übersetzungen als flache oder verschachtelte JSON-Objekte. Vue.js-Anwendungen, die vue-i18n verwenden, nutzen JSON nativ. Next.js, Angular, Node.js-Backends und die meisten JavaScript-Frameworks haben native JSON-Unterstützung. Language Monster erkennt Ihre JSON-Locale-Dateistruktur automatisch und verarbeitet sowohl flache als auch verschachtelte Objektlayouts.
Flaches JSON ordnet Zeichenkettenschlüssel direkt Übersetzungswerten zu. Verschachteltes JSON organisiert Schlüssel in Namespaces – zum Beispiel ist auth.login.button eine Zeichenkette, die in einem auth-Objekt innerhalb eines login-Objekts verschachtelt ist. i18next greift mit Punktnotation auf verschachtelte Schlüssel zu. Übersetzungsdateien werden nach Locale-Code benannt: en.json, fr.json, de.json. Interpolation verwendet benannte Variablen in doppelter geschweifter Klammernsyntax; Pluralformen verwenden die Suffixkonvention _one und _other in i18next oder das Pipe-Trennzeichen in vue-i18n.
Best Practice: Teilen Sie Locale-Dateien nach Funktions-Namespace auf, anstatt eine große Datei pro Locale zu führen. Dies ermöglicht Lazy Loading nur der Zeichenketten, die eine Seite benötigt, was das anfängliche Bundle-Gewicht reduziert. Benennen Sie Schlüssel semantisch – checkout.submit ist stabiler als button_14. Vermeiden Sie dynamische Schlüsselkonstruktion zur Laufzeit, da dies statische Analysetools bricht. Führen Sie eslint-plugin-i18next in CI aus, um hardcodierte, nicht in Übersetzungsschlüssel extrahierte Zeichenketten zu erkennen, bevor sie in die Produktion gelangen.