Intlayer Dokumentation

Willkommen bei der offiziellen Intlayer-Dokumentation! Hier finden Sie alles, was Sie benötigen, um Intlayer für Ihre Internationalisierungsanforderungen (i18n) zu integrieren, zu konfigurieren und zu beherrschen, egal ob Sie mit Next.js, React, Vite, Express oder einer anderen JavaScript-Umgebung arbeiten.

Einführung

Was ist Intlayer?

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 sich leicht in Ihren Code integrieren lassen. Mit TypeScript macht Intlayer Ihre Entwicklung robuster und effizienter.

Intlayer bietet auch einen optionalen visuellen Editor, mit dem Sie Ihre Inhalte einfach bearbeiten und verwalten können. Dieser Editor ist besonders nützlich für Entwickler, die eine visuelle Oberfläche für die Inhaltsverwaltung bevorzugen, oder für Teams, die Inhalte generieren, ohne sich um den Code kümmern zu müssen.

Beispiel für die Nutzung

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

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

import type { FC } from "react";import { useIntlayer } from "react-intlayer";export const MyComponent: FC = () => {  const { myTranslatedContent } = useIntlayer("component-key");  return <span>{myTranslatedContent}</span>;};

Hauptfunktionen

Intlayer bietet eine Vielzahl von Funktionen, die auf die Anforderungen der modernen Webentwicklung zugeschnitten sind. Nachfolgend finden Sie die wichtigsten Funktionen mit Links zu detaillierten Dokumentationen:

• Unterstützung für Internationalisierung: Erweitern Sie die globale Reichweite Ihrer Anwendung mit integrierter Unterstützung für Internationalisierung.
• Visueller Editor: Verbessern Sie Ihren Entwicklungsworkflow mit Editor-Plugins, die für Intlayer entwickelt wurden. Schauen Sie sich den Leitfaden für den visuellen Editor an.
• Flexible Konfiguration: Passen Sie Ihre Einrichtung mit umfangreichen Konfigurationsoptionen an, die im Konfigurationsleitfaden beschrieben sind.
• Erweiterte CLI-Tools: Verwalten Sie Ihre Projekte effizient mit der Befehlszeilenschnittstelle von Intlayer. Entdecken Sie die Möglichkeiten in der CLI-Tools-Dokumentation.

Kernkonzepte

Wörterbuch

Organisieren Sie Ihre mehrsprachigen Inhalte in der Nähe Ihres Codes, um alles konsistent und wartbar zu halten.

• Erste Schritte
  Erfahren Sie die Grundlagen der Deklaration Ihrer Inhalte in Intlayer.

• Übersetzung
  Verstehen Sie, wie Übersetzungen generiert, gespeichert und in Ihrer Anwendung genutzt werden.

• Aufzählung
  Verwalten Sie wiederholte oder feste Datensätze in verschiedenen Sprachen einfach.

• Funktionales Abrufen
  Erfahren Sie, wie Sie Inhalte dynamisch mit benutzerdefinierter Logik abrufen können, um den Workflow Ihres Projekts anzupassen.

Umgebungen & Integrationen

Wir haben Intlayer mit Flexibilität im Hinterkopf entwickelt und bieten nahtlose Integration in beliebte Frameworks und Build-Tools:

• Intlayer mit Next.js 15
• Intlayer mit Next.js 14 (App Router)
• Intlayer mit Next.js Page Router
• Intlayer mit React CRA
• Intlayer mit Vite + React
• Intlayer mit Express

Jeder Integrationsleitfaden enthält Best Practices für die Nutzung der Funktionen von Intlayer – wie Server-Side Rendering, dynamisches Routing oder Client-Side Rendering – damit Sie eine schnelle, SEO-freundliche und hoch skalierbare Anwendung beibehalten können.

Mitwirken & Feedback

Wir schätzen die Kraft von Open Source und Community-getriebener Entwicklung. Wenn Sie Verbesserungen vorschlagen, einen neuen Leitfaden hinzufügen oder Probleme in unserer Dokumentation korrigieren möchten, können Sie gerne eine Pull-Anfrage einreichen oder ein Problem in unserem GitHub-Repository eröffnen.

Bereit, Ihre Anwendung schneller und effizienter zu übersetzen? Tauchen Sie in unsere Dokumentation ein, um Intlayer noch heute zu nutzen. Erleben Sie einen robusten, optimierten Ansatz für Internationalisierung, der Ihre Inhalte organisiert und Ihr Team produktiver macht.

Viel Erfolg beim Übersetzen!