Gerade veröffentlicht v9.6.0

    Internationalisierung Layer

    Type-Safe. Mit KI übersetzen. Visuell bearbeiten.

    npx intlayer init

    Definieren Sie Übersetzungen, wo immer Sie möchten, in Ihrer Codebasis und beschleunigen Sie Ihre Entwicklung. Halten Sie Ihr Bundle so schlank wie es sein sollte.

    Das Projekt unterstützenLoslegen

    Verfügbar für

    // src/component/server/component.content.tsimport { t, type Dictionary } from "intlayer";const componentContent = {  key: "server-component",  content: {    title: t({      en: "Title of my component",      fr: "Titre de mon component",      es: "Título de mi componente",    }),    content:      "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.",  },} satisfies Dictionary;export default componentContent;
    // src/components/Component.tsxexport const Component = () => {  return (    <div>      <h2>Intlayer Compiler</h2>      <p>        The Intlayer Compiler extracts automatically the content from the        components and generates the dictionary files.      </p>    </div>  );};
    Probieren Sie es kostenlos mit dem Playground.Gehe zum Playground
    intlayer test
    $ npx intlayer test
    ~/Desktop/MyApp

    Verbessern Sie die Wartbarkeit des Codes, indem Sie Ihre Inhaltsdefinitionen in der Nähe Ihrer Komponenten halten. Reduzieren Sie Redundanzen, verbessern Sie die Klarheit und vereinfachen Sie Aktualisierungen mit einem strukturierten Ansatz, der Ihren Code einfacher verwaltbar und skalierbar macht.

    Extrahieren Sie Ihren Inhalt sofort mit dem Intlayer-Compiler. Er generiert automatisch die notwendigen Wörterbuchdateien für Ihren Inhalt, um Ihre Anwendung in Sekunden zu internationalisieren.

    Nutzen Sie den kostenlosen visuellen Editor, um Ihre Website mühelos zu erstellen und zu verwalten. Erstellen, bearbeiten und organisieren Sie Komponenten und Seiten, ohne Code zu berühren, und erleichtern Sie so die Zusammenarbeit zwischen Inhaltsmanagern und Entwicklern.

    Erweitern Sie Ihre Reichweite mit integrierter Übersetzungsunterstützung. Übersetzen Sie Ihre Inhalte ganz einfach über eine intuitive Benutzeroberfläche und sorgen Sie für nahtlose, mehrsprachige Erlebnisse für Ihre Nutzer, ohne mehrere Inhaltsversionen manuell verwalten zu müssen.

    Nutzen Sie das Intlayer CLI, um Ihre Inhalte mit KI zu testen und auszufüllen, damit alle Übersetzungen vollständig und korrekt sind.

    Häufig gestellte Fragen

    Die Internationalisierung (i18n) ist der Prozess der Gestaltung und Entwicklung von Anwendungen wie Next.js, React oder Express, um mehrere Sprachen einfach zu unterstützen. Es ermöglicht Ihnen die Erstellung mehrsprachiger Websites, indem der Übersetzungsprozess vereinfacht wird. Tools wie TypeScript erleichtern die Implementierung von i18n und ermöglichen eine effiziente und einfache Anpassung Ihrer Anwendung an verschiedene Sprachen und Regionen.Erfahren Sie mehr über i18n

    Intlayer ist ein Paket, das es Ihnen ermöglicht, Ihre mehrsprachige Website zu verwalten. Es bietet eine Reihe von Werkzeugen und Dienstprogrammen, die das Einrichten Ihrer Website für mehrsprachige Inhalte und Lokalisierung erleichtern.Erfahren Sie mehr über Intlayer

    Intlayer vereinfacht das Konfigurationsmanagement und ermöglicht die Internationalisierung für verschiedene Arten von JavaScript-Anwendungen, einschließlich Serverkomponenten. Es ermöglicht die Deklaration von Inhalten direkt neben den Komponenten, was die Wartbarkeit des Codes verbessert. Darüber hinaus nutzt Intlayer TypeScript, um das Fehlen von Deklarationen zu verhindern. Schließlich bietet Intlayer einen visuellen Editor, der es Nicht-Entwicklern ermöglicht, den Inhalt der Website zu bearbeiten, automatisch mit KI zu übersetzen und die SEO der Anwendung zu optimieren.Erfahren Sie mehr über die Funktionen von Intlayer

    Intlayer integriert sich in Next.js, um serverseitiges Rendering und die Erstellung statischer Seiten zu ermöglichen, was die Bereitstellung mehrsprachiger Inhalte effizienter macht.Erfahren Sie mehr über die Integration von Next.js

    Ja, Intlayer bietet einen optionalen visuellen Editor, um Inhalte einfach zu verwalten, ohne in den Code eintauchen zu müssen.Erfahren Sie mehr über den visuellen Editor

    Sie können beitragen, indem Sie Pull-Requests einreichen oder Probleme im GitHub-Repository melden.Erfahren Sie mehr darüber, wie Sie beitragen können

    Intlayer integriert eine Auswahl kostenloser NPM-Pakete sowie einen visuellen Editor. Zusätzlich bietet es ein CMS zur Externalisierung von Inhalten. Dieses CMS ist kostenlos, enthält jedoch zusätzliche Funktionen für Mitglieder der Premium- und Enterprise-Pläne.Erfahren Sie mehr über die Pläne von Intlayer

    Intlayer ist verfügbar für React (einschließlich Create React App), Vite mit React, Next.js, Tanstack Start, Vue, Nuxt, Express, NestJS, Preact und mehr. Dies gewährleistet eine nahtlose Integration mit modernen JavaScript-Frameworks und serverseitigen Umgebungen.Erfahren Sie mehr über die unterstützten Plattformen

    Ja, Intlayer kann als Wrapper um i18next, next-intl, vue-i18next und mehr integriert werden. Dies ermöglicht es Ihnen, Ihre Übersetzungen zu automatisieren und Intlayer ohne Refactoring Ihres bestehenden Codes zu verwenden.

    Alle häufig gestellten Fragen lesen