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 Ihrer JSX-Inhalte 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 Ihrer Codebasis
  • Kein tagelanges Warten auf Übersetzungen
  • Übersetzungen werden direkt in Ihrer Entwicklungsumgebung bereitgestellt

Fügen Sie einfach ein paar Umgebungsvariablen hinzu, führen Sie npx gt translate aus, und Sie sind 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}
        one={
          <>
            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