@intlayer/docs 5.5.8

package/de/dictionary/translation.md

@@ -0,0 +1,287 @@
+# Übersetzung
+
+## Definition von Übersetzungen
+
+Die `t`-Funktion in `intlayer` ermöglicht es Ihnen, Inhalte in mehreren Sprachen zu deklarieren. Diese Funktion stellt die Typsicherheit sicher und gibt einen Fehler aus, wenn Übersetzungen fehlen, was besonders in TypeScript-Umgebungen nützlich ist.
+
+### Verwendung von TypeScript
+
+Hier ist ein Beispiel, wie Inhalte mit Übersetzungen deklariert werden können.
+
+```typescript fileName="**/*.content.ts" contentDeclarationFormat="typescript"
+import { t, type Dictionary } from "intlayer";
+
+interface Content {
+  welcomeMessage: string;
+}
+
+export default {
+  key: "multi_lang",
+  content: {
+    welcomeMessage: t({
+      en: "Welcome to our application",
+      fr: "Bienvenue dans notre application",
+      es: "Bienvenido a nuestra aplicación",
+    }),
+  },
+} satisfies Dictionary<Content>;
+```
+
+```javascript fileName="**/*.content.mjs" contentDeclarationFormat="esm"
+import { t } from "intlayer";
+
+export default {
+  key: "multi_lang",
+  content: {
+    welcomeMessage: t({
+      en: "Welcome to our application",
+      fr: "Bienvenue dans notre application",
+      es: "Bienvenido a nuestra aplicación",
+    }),
+  },
+};
+```
+
+```javascript fileName="**/*.content.cjs" contentDeclarationFormat="commonjs"
+const { t } = require("intlayer");
+
+module.exports = {
+  key: "multi_lang",
+  content: {
+    welcomeMessage: t({
+      en: "Welcome to our application",
+      fr: "Bienvenue dans notre application",
+      es: "Bienvenido a nuestra aplicación",
+    }),
+  },
+};
+```
+
+```json fileName="**/*.content.json" contentDeclarationFormat="json"
+{
+  "$schema": "https://intlayer.org/schema.json",
+  "key": "multi_lang",
+  "content": {
+    "welcomeMessage": {
+      "nodeType": "translation",
+      "translation": {
+        "en": "Welcome to our application",
+        "fr": "Bienvenue dans notre application",
+        "es": "Bienvenido a nuestra aplicación"
+      }
+    }
+  }
+}
+```
+
+## Konfiguration für Sprachen
+
+Um eine ordnungsgemäße Übersetzungsverwaltung sicherzustellen, können Sie die akzeptierten Sprachen in `intlayer.config.ts` konfigurieren. Diese Konfiguration ermöglicht es Ihnen, die Sprachen zu definieren, die Ihre Anwendung unterstützt:
+
+```typescript fileName="intlayer.config.ts" codeFormat="typescript"
+import { Locales, type IntlayerConfig } from "intlayer";
+
+const config: IntlayerConfig = {
+  internationalization: {
+    locales: [Locales.ENGLISH, Locales.FRENCH, Locales.SPANISH],
+  },
+};
+
+export default config;
+```
+
+```javascript fileName="intlayer.config.mjs" codeFormat="esm"
+import { Locales } from "intlayer";
+
+/** @type {import('intlayer').IntlayerConfig} */
+const config = {
+  internationalization: {
+    locales: [Locales.ENGLISH, Locales.FRENCH, Locales.SPANISH],
+  },
+};
+
+export default config;
+```
+
+```javascript fileName="intlayer.config.cjs" codeFormat="commonjs"
+const { Locales } = require("intlayer");
+
+/** @type {import('intlayer').IntlayerConfig} */
+const config = {
+  internationalization: {
+    locales: [Locales.ENGLISH, Locales.FRENCH, Locales.SPANISH],
+  },
+};
+
+module.exports = config;
+```
+
+## Verwendung von Übersetzungen in React-Komponenten
+
+Mit `react-intlayer` können Sie Übersetzungen in React-Komponenten verwenden. Hier ist ein Beispiel:
+
+```jsx fileName="**/*.tsx" codeFormat="typescript"
+import type { FC } from "react";
+import { useIntlayer } from "react-intlayer";
+
+const MyComponent: FC = () => {
+  const content = useIntlayer("multi_lang");
+
+  return (
+    <div>
+      <p>{content.welcomeMessage}</p>
+    </div>
+  );
+};
+
+export default MyComponent;
+```
+
+```javascript fileName="**/*.mjx" codeFormat="esm"
+import { useIntlayer } from "react-intlayer";
+
+const MyComponent = () => {
+  const content = useIntlayer("multi_lang");
+
+  return (
+    <div>
+      <p>{content.welcomeMessage}</p>
+    </div>
+  );
+};
+
+export default MyComponent;
+```
+
+```javascript fileName="**/*.cjs" codeFormat="commonjs"
+const { useIntlayer } = require("react-intlayer");
+
+const MyComponent = () => {
+  const content = useIntlayer("multi_lang");
+
+  return (
+    <div>
+      <p>{content.welcomeMessage}</p>
+    </div>
+  );
+};
+
+module.exports = MyComponent;
+```
+
+Diese Komponente ruft die entsprechende Übersetzung basierend auf der aktuellen Spracheinstellung Ihrer Anwendung ab.
+
+## Benutzerdefinierte Inhaltsobjekte
+
+`intlayer` unterstützt benutzerdefinierte Inhaltsobjekte für Übersetzungen, sodass Sie komplexere Strukturen definieren können, während die Typsicherheit gewährleistet bleibt. Hier ist ein Beispiel mit einem benutzerdefinierten Objekt:
+
+```typescript fileName="**/*.content.ts" contentDeclarationFormat="typescript"
+import { t, type Dictionary } from "intlayer";
+
+interface ICustomContent {
+  title: string;
+  content: string;
+}
+
+const customContent = {
+  key: "custom_content",
+  content: {
+    profileText: t<ICustomContent>({
+      en: {
+        title: "Page Title",
+        content: "Page Content",
+      },
+      fr: {
+        title: "Titre de la Page",
+        content: "Contenu de la Page",
+      },
+      es: {
+        title: "Título de la Página",
+        content: "Contenido de la Página",
+      },
+    }),
+  },
+} satisfies Dictionary;
+
+export default customContent;
+```
+
+```javascript fileName="**/*.content.mjs" contentDeclarationFormat="esm"
+import { t } from "intlayer";
+
+export default {
+  key: "custom_content",
+  content: {
+    profileText:
+      t <
+      ICustomContent >
+      {
+        en: {
+          title: "Page Title",
+          content: "Page Content",
+        },
+        fr: {
+          title: "Titre de la Page",
+          content: "Contenu de la Page",
+        },
+        es: {
+          title: "Título de la Página",
+          content: "Contenido de la Página",
+        },
+      },
+  },
+};
+```
+
+```javascript fileName="**/*.content.cjs" contentDeclarationFormat="commonjs"
+const { t } = require("intlayer");
+
+module.exports = {
+  key: "custom_content",
+  content: {
+    profileText:
+      t <
+      ICustomContent >
+      {
+        en: {
+          title: "Page Title",
+          content: "Page Content",
+        },
+        fr: {
+          title: "Titre de la Page",
+          content: "Contenu de la Page",
+        },
+        es: {
+          title: "Título de la Página",
+          content: "Contenido de la Página",
+        },
+      },
+  },
+};
+```
+
+```json fileName="**/*.content.json" contentDeclarationFormat="json"
+{
+  "$schema": "https://intlayer.org/schema.json",
+  "key": "custom_content",
+  "content": {
+    "profileText": {
+      "nodeType": "translation",
+      "translation": {
+        "en": {
+          "title": "Page Title",
+          "content": "Page Content"
+        },
+        "fr": {
+          "title": "Titre de la Page",
+          "content": "Contenu de la Page"
+        },
+        "es": {
+          "title": "Título de la Página",
+          "content": "Contenido de la Página"
+        }
+      }
+    }
+  }
+}
+```

package/de/header.md

@@ -0,0 +1,5 @@
+![Logo](https://github.com/aymericzip/intlayer/blob/main/packages/@intlayer/design-system/src/components/Logo/logo_with_text_no_frame.svg)
+
+**Internationalisierung leicht gemacht**
+
+Intlayer bietet einen flexibleren und modernen Ansatz für die Internationalisierung Ihrer Website. Die nahtlose Integration mit Next.js und React, die anpassbare Konfiguration und die Unterstützung verschiedener Inhaltsdeklarationsformate machen es zu einer leistungsstarken Wahl für die Internationalisierung.

package/de/how_works_intlayer.md

@@ -0,0 +1,216 @@
+# Wie Intlayer funktioniert
+
+## Übersicht
+
+Die Hauptidee hinter Intlayer ist die komponentenbasierte Inhaltsverwaltung. Die Idee ist, dass Sie Ihre Inhalte überall in Ihrem Code deklarieren können, z. B. im selben Verzeichnis wie Ihre Komponente.
+
+```bash
+.
+└── Komponenten
+    └── MeineKomponente
+        ├── index.content.cjs
+        └── index.mjs
+```
+
+Dazu hat Intlayer die Aufgabe, alle Ihre `Inhaltsdeklarationsdateien` in allen verschiedenen Formaten, die in Ihrem Projekt vorhanden sind, zu finden und daraus die `Wörterbücher` zu generieren.
+
+Es gibt also zwei Hauptschritte:
+
+- Build-Schritt
+- Interpretationsschritt
+
+### Build-Schritt der Wörterbücher
+
+Der Build-Schritt kann auf drei Arten durchgeführt werden:
+
+- Verwendung der CLI mit `npx intlayer build`
+- Verwendung der [VSCode-Erweiterung](https://github.com/aymericzip/intlayer/blob/main/docs/de/vs_code_extension.md)
+- Verwendung von App-Plugins wie dem [`vite-intlayer`-Paket](https://github.com/aymericzip/intlayer/blob/main/docs/de/packages/vite-intlayer/index.md) oder deren Äquivalenten für [Next.js](https://github.com/aymericzip/intlayer/blob/main/docs/de/packages/next-intlayer/index.md). Wenn Sie eines dieser Plugins verwenden, wird Intlayer Ihre Wörterbücher automatisch erstellen, wenn Sie Ihre Anwendung starten (dev) oder bauen (prod).
+
+1. Deklaration von Inhaltsdateien
+
+   - Inhaltsdateien können in verschiedenen Formaten definiert werden, wie TypeScript, ECMAScript, CommonJS oder JSON.
+   - Inhaltsdateien können überall im Projekt definiert werden, was eine bessere Wartung und Skalierbarkeit ermöglicht. Es ist wichtig, die Dateierweiterungskonventionen für Inhaltsdateien zu beachten. Diese Erweiterung ist standardmäßig `*.content.{js|cjs|mjs|ts|tsx|json}`, kann jedoch in der [Konfigurationsdatei](https://github.com/aymericzip/intlayer/blob/main/docs/de/configuration.md) geändert werden.
+
+2. Generierung von `Wörterbüchern`
+
+   - Wörterbücher werden aus Inhaltsdateien generiert. Standardmäßig werden Intlayer-Wörterbücher im Verzeichnis `.intlayer/dictionaries` des Projekts generiert.
+   - Diese Wörterbücher werden in verschiedenen Formaten generiert, um alle Anforderungen zu erfüllen und die Leistung der Anwendung zu optimieren.
+
+3. Generierung von Wörterbuchtypen
+
+Basierend auf Ihren `Wörterbüchern` generiert Intlayer Typen, um sie in Ihrer Anwendung nutzbar zu machen.
+
+- Wörterbuchtypen werden aus Intlayer-`Wörterbüchern` generiert. Standardmäßig werden Intlayer-Wörterbuchtypen im Verzeichnis `.intlayer/types` des Projekts generiert.
+
+- Intlayer [Modulerweiterung](https://www.typescriptlang.org/docs/handbook/declaration-merging.html) ist eine TypeScript-Funktion, die es Ihnen ermöglicht, zusätzliche Typen für Intlayer zu definieren. Dies erleichtert die Entwicklungserfahrung, indem verfügbare oder erforderliche Argumente vorgeschlagen werden. Unter den generierten Typen werden Intlayer-Wörterbuchtypen oder sogar Sprachkonfigurationstypen zur Datei `types/intlayer.d.ts` hinzugefügt und von anderen Paketen verwendet. Dazu muss die Datei `tsconfig.json` so konfiguriert sein, dass sie das `types`-Verzeichnis des Projekts einbezieht.
+
+### Interpretationsschritt der Wörterbücher
+
+Mit Intlayer greifen Sie über den `useIntlayer`-Hook auf Ihre Inhalte in Ihrer Anwendung zu.
+
+```tsx
+const MeineKomponente = () => {
+  const content = useIntlayer("meine-komponente");
+  return <div>{content.title}</div>;
+};
+```
+
+Dieser Hook übernimmt die Lokalisierungserkennung für Sie und gibt die Inhalte für die aktuelle Sprache zurück. Mit diesem Hook können Sie auch Markdown interpretieren, Pluralisierung verwalten und mehr.
+
+> Um alle Funktionen von Intlayer zu sehen, können Sie die [Wörterbuchdokumentation](https://github.com/aymericzip/intlayer/blob/main/docs/de/dictionary/get_started.md) lesen.
+
+## Entfernte Inhalte
+
+Intlayer ermöglicht es Ihnen, Inhalte lokal zu deklarieren und sie dann in das CMS zu exportieren, damit sie von Ihrem nicht-technischen Team bearbeitet werden können.
+
+So können Sie Inhalte ähnlich wie bei Git für Ihren Code vom CMS in Ihre Anwendung pushen und pullen.
+
+Wenn es in Ihrem Projekt konfiguriert ist, verwaltet Intlayer automatisch das Abrufen der Inhalte aus dem CMS, wenn die Anwendung startet (dev) / gebaut wird (prod).
+
+## Visueller Editor
+
+Intlayer bietet auch einen visuellen Editor, mit dem Sie Ihre Inhalte visuell bearbeiten können. Dieser [visuelle Editor](https://github.com/aymericzip/intlayer/blob/main/docs/de/intlayer_visual_editor.md) ist im externen Paket `intlayer-editor` verfügbar.
+
+![visueller Editor](https://github.com/aymericzip/intlayer/blob/main/docs/assets/visual_editor.gif)
+
+## Optimierung des App-Builds
+
+Um die Bundle-Größe Ihrer Anwendung zu optimieren, bietet Intlayer zwei Plugins zur Optimierung des Builds Ihrer Anwendung: `@intlayer/babel` und `@intlayer/swc` Plugins.
+
+Im Entwicklungsmodus verwendet Intlayer einen zentralisierten statischen Import für Wörterbücher, um die Entwicklungserfahrung zu vereinfachen.
+
+Durch die Optimierung des Builds ersetzt Intlayer alle Wörterbuchaufrufe, um das Chunking zu optimieren. So importiert das endgültige Bundle nur die Wörterbücher, die verwendet werden.
+
+Durch Aktivieren der Option `activateDynamicImport` in der [Konfiguration](https://github.com/aymericzip/intlayer/blob/main/docs/de/configuration.md) verwendet Intlayer den dynamischen Import, um die Wörterbücher zu laden. Diese Option ist standardmäßig deaktiviert, um asynchrone Verarbeitung beim Rendern der Anwendung zu vermeiden.
+
+> `@intlayer/babel` ist standardmäßig im `vite-intlayer`-Paket verfügbar,
+
+> `@intlayer/swc` ist standardmäßig nicht im `next-intlayer`-Paket installiert, da SWC-Plugins in Next.js noch experimentell sind.
+
+Um zu sehen, wie Sie den Build Ihrer Anwendung konfigurieren können, lesen Sie die [Konfigurationsdokumentation](https://github.com/aymericzip/intlayer/blob/main/docs/de/configuration.md).
+
+## Pakete
+
+Intlayer besteht aus mehreren Paketen, die jeweils eine spezifische Rolle im Übersetzungsprozess spielen. Hier ist eine grafische Darstellung der Struktur dieses Pakets:
+
+![Pakete von Intlayer](https://github.com/aymericzip/intlayer/blob/main/docs/assets/packages_dependency_graph.svg)
+
+### intlayer
+
+Das `intlayer`-Paket wird in Anwendungen verwendet, um Inhalte in Inhaltsdateien zu deklarieren.
+
+### react-intlayer
+
+Das `react-intlayer`-Paket wird verwendet, um Intlayer-Wörterbücher zu interpretieren und in React-Anwendungen nutzbar zu machen.
+
+### next-intlayer
+
+Das `next-intlayer`-Paket wird als Schicht über `react-intlayer` verwendet, um Intlayer-Wörterbücher in Next.js-Anwendungen nutzbar zu machen. Es integriert wesentliche Funktionen, um Intlayer in einer Next.js-Umgebung zum Laufen zu bringen, wie Übersetzungsmiddleware, Routing oder die Konfiguration der Datei `next.config.js`.
+
+### vue-intlayer
+
+Das `vue-intlayer`-Paket wird verwendet, um Intlayer-Wörterbücher zu interpretieren und in Vue-Anwendungen nutzbar zu machen.
+
+### svelte-intlayer (WIP)
+
+Das `svelte-intlayer`-Paket wird verwendet, um Intlayer-Wörterbücher zu interpretieren und in Svelte-Anwendungen nutzbar zu machen.
+
+### solid-intlayer (WIP)
+
+Das `solid-intlayer`-Paket wird verwendet, um Intlayer-Wörterbücher zu interpretieren und in Solid.js-Anwendungen nutzbar zu machen.
+
+### preact-intlayer
+
+Das `preact-intlayer`-Paket wird verwendet, um Intlayer-Wörterbücher zu interpretieren und in Preact-Anwendungen nutzbar zu machen.
+
+### angular-intlayer (WIP)
+
+Das `angular-intlayer`-Paket wird verwendet, um Intlayer-Wörterbücher zu interpretieren und in Angular-Anwendungen nutzbar zu machen.
+
+### express-intlayer
+
+Das `express-intlayer`-Paket wird verwendet, um Intlayer auf einem Express.js-Backend zu nutzen.
+
+### react-native-intlayer
+
+Das `react-native-intlayer`-Paket bietet Tools, die Plugins für Intlayer integrieren, um mit dem Metro-Bundler zu arbeiten.
+
+### lynx-intlayer
+
+Das `lynx-intlayer`-Paket bietet Tools, die Plugins für Intlayer integrieren, um mit dem Lynx-Bundler zu arbeiten.
+
+### vite-intlayer
+
+Beinhaltet das Vite-Plugin zur Integration von Intlayer mit dem [Vite-Bundler](https://vite.dev/guide/why.html#why-bundle-for-production) sowie Middleware zur Erkennung der bevorzugten Sprache des Benutzers, Verwaltung von Cookies und Handhabung von URL-Weiterleitungen.
+
+### react-scripts-intlayer
+
+### intlayer-editor
+
+Das `intlayer-editor` Paket wird verwendet, um die Nutzung des visuellen Editors zu ermöglichen. Dieses optionale Paket kann in Anwendungen installiert werden und wird vom `react-intlayer` Paket verwendet.  
+Es besteht aus zwei Teilen: dem Server und dem Client.
+
+Der Client enthält UI-Elemente, die von `react-intlayer` verwendet werden.
+
+Der Server, basierend auf Express, wird verwendet, um Anfragen des visuellen Editors zu empfangen und Inhaltsdateien zu verwalten oder zu ändern.
+
+### intlayer-cli
+
+Das `intlayer-cli` Paket kann verwendet werden, um Wörterbücher mit dem Befehl `npx intlayer dictionaries build` zu generieren. Wenn `intlayer` bereits installiert ist, wird die CLI automatisch installiert und dieses Paket ist nicht erforderlich.
+
+### @intlayer/core
+
+Das `@intlayer/core` Paket ist das Hauptpaket von Intlayer. Es enthält Funktionen zur Übersetzung und Wörterbuchverwaltung. `@intlayer/core` ist plattformübergreifend und wird von anderen Paketen verwendet, um Wörterbücher zu interpretieren.
+
+### @intlayer/config
+
+Das `@intlayer/config` Paket wird verwendet, um Intlayer-Einstellungen zu konfigurieren, wie z. B. verfügbare Sprachen, Next.js Middleware-Parameter oder die integrierten Editor-Einstellungen.
+
+### @intlayer/webpack
+
+Das `@intlayer/webpack` Paket wird verwendet, um eine Webpack-Konfiguration bereitzustellen, damit eine auf Webpack basierende Anwendung mit Intlayer funktioniert. Das Paket bietet auch ein Plugin, das zu einer bestehenden Webpack-Anwendung hinzugefügt werden kann.
+
+### @intlayer/cli
+
+Das `@intlayer/cli` Paket ist ein NPM-Paket, das verwendet wird, um Skripte im Zusammenhang mit den Intlayer-Befehlszeilenschnittstellen zu deklarieren. Es stellt die Einheitlichkeit aller Intlayer-CLI-Befehle sicher. Dieses Paket wird insbesondere von den Paketen [intlayer-cli](https://github.com/aymericzip/intlayer/tree/main/docs/de/packages/intlayer-cli/index.md) und [intlayer](https://github.com/aymericzip/intlayer/tree/main/docs/de/packages/intlayer/index.md) verwendet.
+
+### @intlayer/dictionaries-entry & @intlayer/unmerged-dictionaries-entry & @intlayer/dynamic-dictionaries-entry
+
+Die Pakete `@intlayer/dictionaries-entry`, `@intlayer/unmerged-dictionaries-entry` und `@intlayer/dynamic-dictionaries-entry` geben den Einstiegspfad der Intlayer-Wörterbücher zurück. Da das Durchsuchen des Dateisystems vom Browser aus unmöglich ist, ist es nicht möglich, mit Bundlern wie Webpack oder Rollup den Einstiegspfad der Wörterbücher abzurufen. Diese Pakete sind so konzipiert, dass sie aliasiert werden können, was eine Optimierung des Bundlings über verschiedene Bundler wie Vite, Webpack und Turbopack ermöglicht.
+
+### @intlayer/chokidar
+
+Das `@intlayer/chokidar` Paket wird verwendet, um Inhaltsdateien zu überwachen und das geänderte Wörterbuch bei jeder Änderung neu zu generieren.
+
+### @intlayer/editor
+
+Das `@intlayer/editor` Paket stellt die Dienstprogramme bereit, die mit dem Wörterbuch-Editor zusammenhängen. Es enthält insbesondere die API, um eine Anwendung mit dem Intlayer-Editor zu verbinden, sowie Dienstprogramme zur Manipulation von Wörterbüchern. Dieses Paket ist plattformübergreifend.
+
+### @intlayer/editor-react
+
+Das `@intlayer/editor-react` Paket bietet Zustände, Kontexte, Hooks und Komponenten, um eine React-Anwendung mit dem Intlayer-Editor zu verbinden.
+
+### @intlayer/babel
+
+Das `@intlayer/babel` Paket stellt Tools bereit, die das Bundling von Wörterbüchern für Vite- und Webpack-basierte Anwendungen optimieren.
+
+### @intlayer/swc (WIP)
+
+Das `@intlayer/swc` Paket stellt Tools bereit, die das Bundling von Wörterbüchern für Next.js-Anwendungen optimieren.
+
+### @intlayer/api
+
+Das `@intlayer/api` Paket ist ein API-SDK, um mit dem Backend zu interagieren.
+
+### @intlayer/design-system
+
+Das `@intlayer/design-system` Paket wird verwendet, um Designelemente zwischen dem CMS und dem visuellen Editor zu teilen.
+
+### @intlayer/backend
+
+Das `@intlayer/backend` Paket exportiert Backend-Typen und wird in Zukunft das Backend als eigenständiges Paket anbieten.
+
+## Chat mit unserer intelligenten Dokumentation
+
+- [Stellen Sie Ihre Fragen an unsere intelligente Dokumentation](https://intlayer.org/de/doc/chat)

package/de/index.md

@@ -0,0 +1,125 @@
+# Intlayer Dokumentation
+
+Willkommen bei der offiziellen **Intlayer**-Dokumentation! Hier finden Sie alles, was Sie benötigen, um Intlayer zu integrieren, zu konfigurieren und zu beherrschen, um all Ihre Internationalisierungsanforderungen (i18n) zu erfüllen, egal ob Sie mit **Next.js**, **React**, **Vite**, **Express** oder einer anderen JavaScript-Umgebung arbeiten.
+
+Intlayer bietet einen flexiblen, modernen Ansatz zur Übersetzung Ihrer Anwendung. Unsere Dokumentation führt Sie von der Installation und Einrichtung bis hin zu erweiterten Funktionen wie **KI-gestützte Übersetzung**, **TypeScript**-Definitionen und **Server-Komponenten**-Unterstützung – und ermöglicht Ihnen, ein nahtloses, mehrsprachiges Erlebnis zu schaffen.
+
+---
+
+## Erste Schritte
+
+- **[Einführung](https://github.com/aymericzip/intlayer/blob/main/docs/de/introduction.md)**  
+  Erhalten Sie einen Überblick darüber, wie Intlayer funktioniert, seine Kernfunktionen und warum es ein Game-Changer für i18n ist.
+
+- **[Wie Intlayer funktioniert](https://github.com/aymericzip/intlayer/blob/main/docs/de/how_works_intlayer.md)**  
+  Tauchen Sie in das architektonische Design ein und erfahren Sie, wie Intlayer alles von der Inhaltserklärung bis zur Übersetzungslieferung verarbeitet.
+
+- **[Konfiguration](https://github.com/aymericzip/intlayer/blob/main/docs/de/configuration.md)**  
+  Passen Sie Intlayer an die Anforderungen Ihres Projekts an. Entdecken Sie Middleware-Optionen, Verzeichnisstrukturen und erweiterte Einstellungen.
+
+- **[Intlayer CLI](https://github.com/aymericzip/intlayer/blob/main/docs/de/intlayer_cli.md)**  
+  Verwalten Sie Inhalte und Übersetzungen mit unserem Kommandozeilen-Tool. Erfahren Sie, wie Sie Inhalte hochladen und herunterladen, Übersetzungen automatisieren und mehr.
+
+- **[Intlayer Editor](https://github.com/aymericzip/intlayer/blob/main/docs/de/intlayer_visual_editor.md)**  
+  Vereinfachen Sie die Zusammenarbeit mit Nicht-Entwicklern und nutzen Sie die KI für Ihre Übersetzungen – direkt in unserem kostenlosen, intuitiven CMS.
+
+---
+
+## Kernkonzepte
+
+### Wörterbuch
+
+Organisieren Sie Ihre mehrsprachigen Inhalte nah an Ihrem Code, um alles konsistent und wartbar zu halten.
+
+- **[Erste Schritte](https://github.com/aymericzip/intlayer/blob/main/docs/de/dictionary/get_started.md)**  
+  Lernen Sie die Grundlagen der Inhaltserklärung in Intlayer.
+
+- **[Übersetzung](https://github.com/aymericzip/intlayer/blob/main/docs/de/dictionary/translation.md)**  
+  Verstehen Sie, wie Übersetzungen generiert, gespeichert und in Ihrer Anwendung genutzt werden.
+
+- **[Aufzählung](https://github.com/aymericzip/intlayer/blob/main/docs/de/dictionary/enumeration.md)**  
+  Verwalten Sie wiederholte oder feste Datensätze mühelos in verschiedenen Sprachen.
+
+- **[Funktionsabruf](https://github.com/aymericzip/intlayer/blob/main/docs/de/dictionary/function_fetching.md)**  
+  Erfahren Sie, wie Sie Inhalte dynamisch mit benutzerdefinierter Logik abrufen können, um den Workflow Ihres Projekts zu unterstützen.
+
+---
+
+## 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](https://github.com/aymericzip/intlayer/blob/main/docs/de/intlayer_with_nextjs_15.md)**
+- **[Intlayer mit Next.js 14 (App Router)](https://github.com/aymericzip/intlayer/blob/main/docs/de/intlayer_with_nextjs_14.md)**
+- **[Intlayer mit Next.js Page Router](https://github.com/aymericzip/intlayer/blob/main/docs/de/intlayer_with_nextjs_page_router.md)**
+- **[Intlayer mit React CRA](https://github.com/aymericzip/intlayer/blob/main/docs/de/intlayer_with_create_react_app.md)**
+- **[Intlayer mit Vite + React](https://github.com/aymericzip/intlayer/blob/main/docs/de/intlayer_with_vite+react.md)**
+- **[Intlayer mit Express](https://github.com/aymericzip/intlayer/blob/main/docs/de/intlayer_with_express.md)**
+
+Jede Integrationsanleitung 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.
+
+---
+
+## Pakete
+
+Das modulare Design von Intlayer bietet dedizierte Pakete für spezifische Umgebungen und Anforderungen:
+
+### `intlayer`
+
+Kernfunktionalitäten zur Konfiguration und Verwaltung Ihrer i18n-Einrichtung.
+
+- **[getConfiguration](https://github.com/aymericzip/intlayer/blob/main/docs/de/packages/intlayer/getConfiguration.md)**
+- **[getHTMLTextDir](https://github.com/aymericzip/intlayer/blob/main/docs/de/packages/intlayer/getHTMLTextDir.md)**
+- **[getLocaleLang](https://github.com/aymericzip/intlayer/blob/main/docs/de/packages/intlayer/getLocaleLang.md)**
+- **[getLocaleName](https://github.com/aymericzip/intlayer/blob/main/docs/de/packages/intlayer/getLocaleName.md)**
+- **[getLocalizedUrl](https://github.com/aymericzip/intlayer/blob/main/docs/de/packages/intlayer/getLocalizedUrl.md)**
+- **[getMultilingualUrls](https://github.com/aymericzip/intlayer/blob/main/docs/de/packages/intlayer/getMultilingualUrls.md)**
+- **[getPathWithoutLocale](https://github.com/aymericzip/intlayer/blob/main/docs/de/packages/intlayer/getPathWithoutLocale.md)**
+- **[getTranslation](https://github.com/aymericzip/intlayer/blob/main/docs/de/packages/intlayer/getTranslation.md)**
+- **[getEnumeration](https://github.com/aymericzip/intlayer/blob/main/docs/de/packages/intlayer/getEnumeration.md)**
+
+### `express-intlayer`
+
+Nutzen Sie Intlayer in **Express**-basierten Anwendungen:
+
+- **[t](https://github.com/aymericzip/intlayer/blob/main/docs/de/packages/express-intlayer/t.md)**  
+  Ein minimalistischer, unkomplizierter Übersetzungshelfer für Ihre Serverrouten und Ansichten.
+
+### `react-intlayer`
+
+Erweitern Sie Ihre **React**-Anwendungen mit leistungsstarken Hooks:
+
+- **[t](https://github.com/aymericzip/intlayer/blob/main/docs/de/packages/react-intlayer/t.md)**
+- **[useIntlayer](https://github.com/aymericzip/intlayer/blob/main/docs/de/packages/react-intlayer/useIntlayer.md)**
+- **[useDictionary](https://github.com/aymericzip/intlayer/blob/main/docs/de/packages/react-intlayer/useDictionary.md)**
+- **[useLocale](https://github.com/aymericzip/intlayer/blob/main/docs/de/packages/react-intlayer/useLocale.md)**
+
+### `next-intlayer`
+
+Nahtlose Integration mit **Next.js**:
+
+- **[t](https://github.com/aymericzip/intlayer/blob/main/docs/de/packages/next-intlayer/t.md)**
+- **[useIntlayer](https://github.com/aymericzip/intlayer/blob/main/docs/de/packages/next-intlayer/useIntlayer.md)**
+- **[useDictionary](https://github.com/aymericzip/intlayer/blob/main/docs/de/packages/next-intlayer/useDictionary.md)**
+- **[useLocale](https://github.com/aymericzip/intlayer/blob/main/docs/de/packages/next-intlayer/useLocale.md)**
+
+---
+
+## Zusätzliche Ressourcen
+
+- **[Blog: Intlayer und i18next](https://github.com/aymericzip/intlayer/blob/main/docs/de/intlayer_with_i18next.md)**  
+  Erfahren Sie, wie Intlayer die beliebte **i18next**-Bibliothek ergänzt und vergleicht.
+
+- **[Live-Tutorial auf YouTube](https://youtu.be/W2G7KxuSD4c?si=GyU_KpVhr61razRw)**  
+  Sehen Sie sich eine umfassende Demo an und lernen Sie, wie Sie Intlayer in Echtzeit integrieren.
+
+---
+
+## Mitwirken & Feedback
+
+Wir schätzen die Kraft von Open Source und gemeinschaftsgetriebener Entwicklung. Wenn Sie Verbesserungen vorschlagen, einen neuen Leitfaden hinzufügen oder Probleme in unserer Dokumentation korrigieren möchten, können Sie gerne einen Pull Request einreichen oder ein Issue in unserem [GitHub-Repository](https://github.com/aymericzip/intlayer/blob/main/docs) 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 zur Internationalisierung, der Ihre Inhalte organisiert und Ihr Team produktiver macht.
+
+Viel Spaß beim Übersetzen!  
+, Das Intlayer-Team