Was gibt es Neues

Pro-Komponenten-i18n

Name: Intlayer
Author: Intlayer

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.

npx intlayer init

npx intlayer init

Das Projekt unterstützen Loslegen

Verfügbar für

Codebase

Compiler

Visueller Editor

Übersetzen

Test

Probieren Sie es kostenlos mit dem Playground.Gehe zum Playground

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

Benchmark ansehen Vollständigen Bericht lesen

I18n Performance-Benchmark

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

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.

Coden starten

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.

CLI ausprobieren

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.

TMS ansehen

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.

CMS ansehen

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.

Funktionen testen

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.

A/B-Test ansehen

Vorherige Folie←

Nächste Folie→

Verfügbar auf

Versuchen Sie die Live-Demo

Von der Community gebaut

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

Tritt uns bei Alle Mitwirkenden anzeigen

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