Intlayer Dokumentation

Willkommen in der Intlayer-Dokumentation. Dieser Leitfaden bietet einen Überblick über Intlayer, seine Hauptmerkmale und wie Sie diese Dokumente effektiv nutzen können, um Ihre Entwicklererfahrung zu verbessern.

Einführung

Was ist Intlayer?

Intlayer ist eine Internationalisierungsbibliothek, die speziell für JavaScript-Entwickler entwickelt wurde. Es erlaubt die Deklaration Ihrer Inhalte überall in Ihrem Code. Es konvertiert die Deklaration mehrsprachiger Inhalte in strukturierte Wörterbücher, 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 das Content-Management bevorzugen, oder für Teams, die Inhalte generieren, ohne sich um den Code kümmern zu müssen.

Beispiel für die Nutzung

bash

1.
2├── ClientComponent
3│   ├── index.content.ts
4│   └── index.tsx
5└── ServerComponent
6    ├── index.content.ts
7    └── index.tsx

tsx

1// ./ClientComponent/index.content.ts
2
3import { type DeclarationContent, t } from "intlayer";
4
5const clientComponentContent = {
6  key: "client-component",
7  content: {
8    myTranslatedContent: t({
9      en: "Hello World",
10      fr: "Bonjour le monde",
11      es: "Hola Mundo",
12    }),
13  },
14} satisfies DeclarationContent;
15
16export default clientComponentContent;

tsx

1// ./ClientComponent/index.tsx
2"use client";
3
4import { useIntlayer } from "next-intlayer";
5
6export const ClientComponent = () => {
7  const { myTranslatedContent } = useIntlayer("client-component");
8
9  return <span>{myTranslatedContent}</span>;
10};

Hauptmerkmale

Intlayer bietet eine Vielzahl von Funktionen, die auf die Bedürfnisse der modernen Webentwicklung zugeschnitten sind. Im Folgenden sind die wichtigsten Merkmale aufgeführt, mit Links zu detaillierter Dokumentation für jedes:

Internationalisierungsunterstützung: 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 Visuellen Editor Leitfaden an.
Konfigurationsflexibilität: Passen Sie Ihre Einrichtung mit umfangreichen Konfigurationsoptionen an, die im Konfigurationsleitfaden detailliert beschrieben sind.
Erweiterte CLI-Tools: Verwalten Sie Ihre Projekte effizient mit der Befehlszeilenschnittstelle von Intlayer. Erkunden Sie die Funktionen in der CLI-Tools-Dokumentation.
Kompatibilität mit i18n: Intlayer funktioniert nahtlos mit anderen Internationalisierungsbibliotheken. Prüfen Sie den i18n-Leitfaden für weitere Informationen.

Unterstützte Plattformen

Intlayer ist so konzipiert, dass es nahtlos mit Next.js und React-Anwendungen funktioniert. Es unterstützt auch Vite und Create React App.

Next.js-Integration: Nutzen Sie die Leistung von Next.js innerhalb von Intlayer für serverseitiges Rendering und statische Seitengenerierung. Details sind in unserem Next.js-Integrationsleitfaden verfügbar.
Vite- und React-Integration: Nutzen Sie Vite innerhalb von Intlayer für serverseitiges Rendering und statische Seitengenerierung. Details sind in unserem Vite- und React-Integrationsleitfaden verfügbar.
Create React App-Integration: Nutzen Sie die Leistung von Create React App innerhalb von Intlayer für serverseitiges Rendering und statische Seitengenerierung. Details sind in unserem Create React App-Integrationsleitfaden verfügbar.

So nutzen Sie diese Dokumentation

Um das Beste aus dieser Dokumentation herauszuholen:

Navigieren Sie zu den relevanten Abschnitten: Verwenden Sie die oben bereitgestellten Links, um direkt zu den Abschnitten zu gelangen, die Ihre Bedürfnisse ansprechen.
Interaktive Beispiele: Wo verfügbar, nutzen Sie interaktive Beispiele, um zu sehen, wie Funktionen in Echtzeit funktionieren.
Feedback und Beiträge: Ihr Feedback ist wertvoll. Wenn Sie Vorschläge oder Korrekturen haben, ziehen Sie bitte in Betracht, zur Dokumentation beizutragen.

Wenn Sie eine Idee haben, um diese Dokumentation zu verbessern, zögern Sie bitte nicht, durch das Einreichen eines Pull-Requests auf GitHub beizutragen.

GitHub-Link zur Dokumentation

Wie Intlayer funktioniert