Pro-Komponenten-i18n

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

    Definieren Sie Übersetzungen neben den Komponenten, um Ihre Entwicklung zu beschleunigen. Halten Sie Ihr Bundle so schlank wie es sein sollte. Laden Sie Redakteure über das CMS ein. Jeder Beitrag wird wirklich geschätzt.

    npm install intlayer

    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.

    Warum Intlayer wählen?

    Kostenlos und Open Source

    Intlayer ist kostenlos und Open Source, wodurch Sie es kostenlos nutzen und anpassen können.

    JavaScript-gestützte Inhaltsverwaltung

    Nutzen Sie die Flexibilität von JavaScript, um Ihren Inhalt effizient zu definieren und zu verwalten.

    Typsicher Umgebung

    Nutzen Sie TypeScript, um sicherzustellen, dass alle Ihre Inhaltsdefinitionen präzise und fehlerfrei sind.

    Deklaration auf Komponentenebene

    Halten Sie Ihre Übersetzungen in der Nähe ihrer jeweiligen Komponenten, um die Wartbarkeit und Klarheit zu verbessern.

    Vereinfachte Einrichtung

    Fangen Sie schnell an und laufen Sie mit minimaler Konfiguration, die speziell für Next.js-Projekte optimiert ist.

    Integriertes CMS

    Bearbeiten Sie Ihre Inhalte auf Ihrer Website mit einem direkt integrierten CMS. Steigern Sie die Inhaltserstellung dank KI.

    Technologie

    Dynamisches JSON-Laden

    Lädt Übersetzungen während der Laufzeit verzögert

    Gescoptes JSON (Namespacing)

    Übersetzungs-Namespaces pro Seite

    I18n Performance-Benchmark

    Keine Daten verfügbar

    Was ist diese Metrik?

    Die gesamte gzip-komprimierte Größe des Internationalisierungs-Bibliothekspakets. Es enthält nur den Provider und die Inhaltsabruflogik nach Tree-Shaking und Minimierung.

    Warum ist das wichtig?

    Eine kleinere Bibliotheksgröße reduziert die anfängliche JavaScript-Nutzlast, was zu schnelleren Download- und Ausführungszeiten auf dem Client führt.

    Ansehen als

    Analysieren Sie den globalen Lokalisierungs-Score Ihrer Website

    Bewerten Sie schnell und kostenlos die Lokalisierungsqualität Ihrer Website. Analysieren Sie die wichtigsten mehrsprachigen Elemente Ihrer Website, um eine umfassende Bewertung und umsetzbare Erkenntnisse zur Verbesserung Ihrer Reichweite zu erhalten.

    Code-basiertes i18n

    Typsichere Übersetzungen, die in Ihrem Repo leben.

    Deklarieren Sie Inhalte neben Ihren Komponenten in TypeScript oder JavaScript. Intlayer generiert Typen automatisch und bietet Autovervollständigung, Validierung und sofortiges Feedback. Keine fehlenden Schlüssel oder Kontextwechsel mehr.

    AI CLI Tool

    Automatisieren Sie Übersetzungen direkt im Terminal.

    Die CLI zum Prüfen, Füllen und Übersetzen von JSON & Markdown mit KI.

    Führen Sie `npx intlayer fill` aus, um fehlende Schlüssel zu erkennen und Übersetzungen mit OpenAI, Claude oder lokalen Modellen zu erstellen. Sauberer Git-Verlauf, sichere Typen.

    Intlayer TMS

    Hören Sie auf, pro Wort zu zahlen. Automatisieren Sie mit KI.

    Die Open-Source-Alternative zu Crowdin & Lokalise. Gebaut für moderne Entwickler-Workflows.

    Verwalten Sie Übersetzungen direkt in Ihrem Code oder über den visuellen Editor. Nutzen Sie KI für sofortige Übersetzungen. Arbeiten Sie ohne Platzbegrenzung im Team.

    Headless CMS

    Verbinden Sie Ihren lokalen Code mit Remote-Inhalten.

    Verwalten Sie mehrsprachige Inhalte ohne Overhead. Intlayer verbindet lokale Wörterbücher mit Remote-Management und ermöglicht Live Sync für Hot-Updates ohne Rebuild. Nutzen Sie Webhooks für CI/CD und verwalten Sie Feature Flags.

    Feature Flags

    Schalten Sie Funktionen sofort um. Kein Deployment erforderlich.

    Intlayer-Wörterbücher sind mehr als nur Text. Nutzen Sie sie für Logik, Stile und Konfigurationen. Mit Live Sync schalten Sie Funktionen an/aus, ändern UI-Themes und aktualisieren das App-Verhalten in Echtzeit direkt über das CMS.

    AB-Testing

    Ihr Spielplatz für Produktexperimente.

    Seien Sie die Ersten, die Intlayers neue KI-gestützte A/B-Testing-Beta erkunden, die entwickelt wurde, um die Auffindbarkeit zu steigern und intelligentere Produktentscheidungen zu leiten. Testen Sie alles in Echtzeit, von Texten und Design bis hin zu ganzen Features, und lassen Sie die Daten zeigen, was wirklich funktioniert.

    Verfügbar auf

    Versuchen Sie die Live-Demo

    Von der Community gebaut

    Lernen Sie die erstaunlichen Mitwirkenden kennen, die Intlayer möglich machen

    Häufig gestellte Fragen

    Was ist Internationalisierung (i18n)?

    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

    Was sind die Hauptmerkmale von 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

    Gibt es einen visuellen Editor in Intlayer?

    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

    Was kostet die Nutzung von Intlayer?

    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

    Kann ich Intlayer auf bestehenden Lösungen integrieren?

    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.

    Was ist Intlayer?

    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

    Wie integriert sich Intlayer in Next.js?

    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

    Wie kann ich zu Intlayer beitragen?

    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

    Welche Plattformen werden von Intlayer unterstützt?

    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
    Alle häufig gestellten Fragen lesen