React Integration

React i18n ohne den Boilerplate.

JSON-Lokalisierungsdateien pushen, mit KI übersetzen, typsichere Definitionen pullen. Der Bridge-Modus ermöglicht die Beibehaltung von i18next oder React Intl — i1n kümmert sich um die Infrastruktur.

$ npx i1n init

src/pages/Settings.tsx

import { t } from 'i1n'

function SettingsPage() {
  return (
    <div>
      <h1>{t('settings.title')}</h1>
      <label>{t('settings.notifications')}</label>
      <p>{t('settings.save_hint')}</p>
      {/* ↑ Every key is autocompleted */}
    </div>
  )
}

Warum verwenden __VAR_1__-Teams i1n?

Bridge-Modus für i18next & React Intl

Nutzen Sie bereits i18next oder React Intl? Behalten Sie Ihre Einrichtung bei. i1n verwaltet die Dateien und Typen, ohne Ihren App-Code zu ändern.

TypeScript-first

Jeder i1n-Pull generiert i1n.d.ts. Ihre IDE kennt jeden Schlüssel. Ihr Compiler fängt fehlende Übersetzungen ab.

Unterstützung für verschachtelte JSONs

Verwenden Sie flaches oder verschachteltes JSON – i1n verarbeitet beides. Schlüssel werden intern für Konsistenz punktuell notiert.

Keine Laufzeitabhängigkeit

i1n funktioniert zur Build-Zeit. Kein SDK in der Produktion erforderlich — nur Ihre Locale-JSON-Dateien und Ihre vorhandene i18n-Bibliothek.

Lokalisieren Sie Ihre React-App

Für immer kostenlos. Keine Kreditkarte erforderlich.

Kostenlos starten