Intlayer: Ein näherer Weg, Ihre Anwendung zu übersetzen

Intlayer ist eine Internationalisierungsbibliothek, die speziell für JavaScript-Entwickler entwickelt wurde. Sie ermöglicht die Deklaration Ihrer Inhalte überall in Ihrem Code. Sie wandelt die Deklaration von mehrsprachigen Inhalten in strukturierte Wörterbücher um, die leicht in Ihren Code integriert werden können. Mit TypeScript macht Intlayer Ihre Entwicklung stärker und effizienter.

Beispiel der Nutzung

.└── Components    └── MyComponent        ├── index.content.ts        └── index.tsx

import { t, type Dictionary } from "intlayer";const componentExampleContent = {  key: "component-example",  content: {    myTranslatedContent: t({      en: "Hello World",      fr: "Bonjour le monde",      es: "Hola Mundo",    }),  },} satisfies Dictionary;export default componentExampleContent;

import { useIntlayer } from "react-intlayer";export const ComponentExample = () => {  const { myTranslatedContent } = useIntlayer("component-example");  return <span>{myTranslatedContent}</span>;};

Warum Intlayer wählen?

• JavaScript-gestützte Inhaltsverwaltung: Nutzen Sie die Flexibilität von JavaScript, um Ihre Inhalte effizient zu definieren und zu verwalten.
• Typensicheres Umfeld: Verwenden Sie TypeScript, um sicherzustellen, dass alle Ihre Inhaltsdefinitionen präzise und fehlerfrei sind.
• Integrierte Inhaltsdateien: Halten Sie Ihre Übersetzungen nah an ihren jeweiligen Komponenten, um Wartbarkeit und Klarheit zu verbessern.
• Vereinfachte Einrichtung: Schnell einsatzbereit mit minimaler Konfiguration, besonders optimiert für Next.js-Projekte.
• Unterstützung für Serverkomponenten: Perfekt geeignet für Next.js-Serverkomponenten, um ein reibungsloses serverseitiges Rendering zu gewährleisten.
• Verbessertes Routing: Volle Unterstützung für Next.js-App-Routing, das sich nahtlos an komplexe Anwendungsstrukturen anpasst.
• Interoperabilität: Ermöglicht die Interoperabilität mit react-i18next, next-i18next, next-intl und react-intl.