@api18n/react
Drop-in-i18n für React + Next.js.
Ein Runtime-SDK, das die JSON-Dateien liest, die die CLI gerade geholt hat. Eine Init-Datei, kein Provider im JSX, vollständig typisiertes `t()`.
npm install @api18n/react// src/api18n.tsimport { createApi18n } from '@api18n/react';import en from './messages/en.json';export const api18n = createApi18n({resources: { en },defaultLocale: 'en',});// anywhere in your appconst t = useTranslations();t('hello', { name: 'Eduardo' });
Was es kann
Eine Init-Datei
Rufen Sie `createApi18n({ resources, defaultLocale })` einmal auf. `useTranslations()` funktioniert überall — kein Provider-Boilerplate.
Typsichere Schlüssel
`t('hello', { name: 'Eduardo' })` ist vollständig typisiert. Falsche Schlüssel, fehlende Args und falsche Typen scheitern in TypeScript.
ICU + Rich Tags
Plurale, Datumsangaben, Zahlen und `<link>chunks</link>` werden mit React-Komponenten gerendert. Alles Standard-ICU-MessageFormat.
Server Components
`getTranslations()` läuft auf dem Server. Übersetzte Strings kommen als reines HTML — null Client-JS pro String.
Wo es passt
Das SDK konsumiert das JSON, das die CLI erzeugt. Sie sind füreinander gemacht: typisierte Schlüssel, dasselbe Locale-Format und eine gemeinsame Konventions-Doku.