Zurück

Launch von gt-next

Archie McKenzie avatarArchie McKenzie
guideinternationalizationnextjsgt-next

Internationalisierung (i18n) ist mühsam. Wir entwickeln mit gt-next eine Next.js‑Bibliothek, die es einfacher macht. Heute starten wir die offene Beta.

npm i gt-next

Mit gt-next sieht das Übersetzen Ihres JSX-Contents so aus:

import { T } from 'gt-next'

export default function Page() {
  return (
    <T id="my_id">
      <p>Das war's! Umschließen Sie Ihr JSX, und es wird übersetzt!</p>
    </T>
  )
}

Das bedeutet:

  • Kein schmerzhaftes Umschreiben deiner Codebasis
  • Kein tagelanges Warten auf Übersetzungen
  • Übersetzungen werden direkt in deiner Entwicklungsumgebung bereitgestellt

Füge einfach ein paar Umgebungsvariablen hinzu, führe npx translate aus, und du bist fertig.

Das Ziel von gt-next ist es, eine Mentalität des Überflusses bei Übersetzungen zu schaffen. Das Web sollte standardmäßig mehrsprachig sein. Und mehrsprachige Websites sollten in 50 Sprachen funktionieren, nicht nur in 5.

Was Sie mit gt-next tun können

Variablen und Pluralformen formatieren

import { T } from 'gt-next'

export default function Page() {
  const count = 2

  return (
    <T id="my_id">
      <Plural
        n={count}
        singular={
          <>
            Ich habe <Num /> Buch
          </>
        }
      >
        Ich habe <Num /> Bücher
      </Plural>
    </T>
  )
}

Verwenden Sie einen Developer-API-Schlüssel, um Übersetzungen lokal einzusehen

GT_API_KEY="gtx-dev-cae62d6fe1e33bda603c9a2926ab0fb8"
GT_PROJECT_ID="abcdef12-3456-789a-bcd4-ef123456789a"

Unterstützen Sie mehr als 100 Sprachen direkt ab Werk – mit Übersetzungen auf Abruf.

landing

Bearbeiten Sie Ihre Übersetzungen mit einem interaktiven JSX-Übersetzungseditor.

editor