@intlayer/docs 5.5.8

package/fr/packages/intlayer/index.md

@@ -0,0 +1,476 @@
+# intlayer : Package NPM pour Gérer un Dictionnaire Multilingue (i18n)
+
+**Intlayer** est une suite de packages conçue spécifiquement pour les développeurs JavaScript. Elle est compatible avec des frameworks comme React, Next.js et Express.js.
+
+**Le package `intlayer`** vous permet de déclarer votre contenu n'importe où dans votre code. Il convertit les déclarations de contenu multilingue en dictionnaires structurés qui s'intègrent parfaitement dans votre application. Avec TypeScript, **Intlayer** améliore votre développement en fournissant des outils plus puissants et efficaces.
+
+## Pourquoi intégrer Intlayer ?
+
+- **Gestion de contenu propulsée par JavaScript** : Exploitez la flexibilité de JavaScript pour définir et gérer votre contenu efficacement.
+- **Environnement Type-Safe** : Profitez de TypeScript pour garantir que toutes vos définitions de contenu soient précises et sans erreur.
+- **Fichiers de contenu intégrés** : Gardez vos traductions proches de leurs composants respectifs, améliorant ainsi la maintenabilité et la clarté.
+
+## Installation
+
+Installez le package nécessaire en utilisant votre gestionnaire de packages préféré :
+
+```bash packageManager="npm"
+npm install intlayer
+```
+
+```bash packageManager="pnpm"
+pnpm add intlayer
+```
+
+```bash packageManager="yarn"
+yarn add intlayer
+```
+
+### Configurer Intlayer
+
+Intlayer fournit un fichier de configuration pour configurer votre projet. Placez ce fichier à la racine de votre projet.
+
+```typescript fileName="intlayer.config.ts" codeFormat="typescript"
+import { Locales, type IntlayerConfig } from "intlayer";
+
+const config: IntlayerConfig = {
+  internationalisation: {
+    locales: [Locales.ENGLISH, Locales.FRENCH, Locales.SPANISH],
+    defaultLocale: Locales.ENGLISH,
+  },
+};
+
+export default config;
+```
+
+```javascript fileName="intlayer.config.mjs" codeFormat="esm"
+import { Locales } from "intlayer";
+
+/** @type {import('intlayer').IntlayerConfig} */
+const config = {
+  internationalisation: {
+    locales: [Locales.ENGLISH, Locales.FRENCH, Locales.SPANISH],
+    defaultLocale: Locales.ENGLISH,
+  },
+};
+
+export default config;
+```
+
+```javascript fileName="intlayer.config.cjs" codeFormat="commonjs"
+const { Locales } = require("intlayer");
+
+/** @type {import('intlayer').IntlayerConfig} */
+const config = {
+  internationalisation: {
+    locales: [Locales.ENGLISH, Locales.FRENCH, Locales.SPANISH],
+    defaultLocale: Locales.ENGLISH,
+  },
+};
+
+module.exports = config;
+```
+
+> Pour une liste complète des paramètres disponibles, consultez la [documentation de configuration](https://github.com/aymericzip/intlayer/blob/main/docs/fr/configuration.md).
+
+## Exemple d'utilisation
+
+Avec Intlayer, vous pouvez déclarer votre contenu de manière structurée n'importe où dans votre base de code.
+
+Par défaut, Intlayer recherche les fichiers avec l'extension `.content.{json,ts,tsx,js,jsx,mjs,mjx,cjs,cjx}`.
+
+> Vous pouvez modifier l'extension par défaut en définissant la propriété `contentDir` dans le [fichier de configuration](https://github.com/aymericzip/intlayer/blob/main/docs/fr/configuration.md).
+
+```bash codeFormat="typescript"
+.
+├── intlayer.config.ts
+└── src
+    ├── ClientComponent
+    │   ├── index.content.ts
+    │   └── index.tsx
+    └── ServerComponent
+        ├── index.content.ts
+        └── index.tsx
+```
+
+```bash codeFormat="esm"
+.
+├── intlayer.config.mjs
+└── src
+    ├── ClientComponent
+    │   ├── index.content.mjs
+    │   └── index.mjx
+    └── ServerComponent
+        ├── index.content.mjs
+        └── index.mjx
+```
+
+```bash codeFormat="commonjs"
+.
+├── intlayer.config.cjs
+└── src
+    ├── ClientComponent
+    │   ├── index.content.cjs
+    │   └── index.cjx
+    └── ServerComponent
+        ├── index.content.cjs
+        └── index.cjx
+```
+
+### Déclarez votre contenu
+
+Voici un exemple de déclaration de contenu :
+
+```tsx fileName="src/ClientComponent/index.content.ts" codeFormat="typescript"
+import { t, type Dictionary } from "intlayer";
+
+const clientComponentContent = {
+  key: "client-component",
+  content: {
+    myTranslatedContent: t({
+      en: "Hello World",
+      fr: "Bonjour le monde",
+      es: "Hola Mundo",
+    }),
+    numberOfCar: enu({
+      "<-1": "Moins d'une voiture",
+      "-1": "Moins une voiture",
+      "0": "Aucune voiture",
+      "1": "Une voiture",
+      ">5": "Quelques voitures",
+      ">19": "Beaucoup de voitures",
+    }),
+  },
+} satisfies Dictionary;
+
+export default clientComponentContent;
+```
+
+```jsx fileName="src/ClientComponent/index.content.mjs" contentDeclarationFormat="esm"
+import { t } from "intlayer";
+
+/** @type {import('intlayer').Dictionary} */
+const clientComponentContent = {
+  key: "client-component",
+  content: {
+    myTranslatedContent: t({
+      en: "Hello World",
+      fr: "Bonjour le monde",
+      es: "Hola Mundo",
+    }),
+    numberOfCar: enu({
+      "<-1": "Moins d'une voiture",
+      "-1": "Moins une voiture",
+      "0": "Aucune voiture",
+      "1": "Une voiture",
+      ">5": "Quelques voitures",
+      ">19": "Beaucoup de voitures",
+    }),
+  },
+};
+
+export default clientComponentContent;
+```
+
+```jsx fileName="src/ClientComponent/index.content.cjs" contentDeclarationFormat="commonjs"
+const { t } = require("intlayer");
+
+/** @type {import('intlayer').Dictionary} */
+const clientComponentContent = {
+  key: "client-component",
+  content: {
+    myTranslatedContent: t({
+      en: "Hello World",
+      fr: "Bonjour le monde",
+      es: "Hola Mundo",
+    }),
+    numberOfCar: enu({
+      "<-1": "Moins d'une voiture",
+      "-1": "Moins une voiture",
+      "0": "Aucune voiture",
+      "1": "Une voiture",
+      ">5": "Quelques voitures",
+      ">19": "Beaucoup de voitures",
+    }),
+  },
+};
+
+module.exports = clientComponentContent;
+```
+
+```json fileName="src/ClientComponent/index.content.json" codeFormat="json"
+{
+  "key": "client-component",
+  "content": {
+    "myTranslatedContent": {
+      "nodeType": "translation",
+      "translation": {
+        "en": "Hello World",
+        "fr": "Bonjour le monde",
+        "es": "Hola Mundo"
+      }
+    },
+    "numberOfCar": {
+      "nodeType": "enumeration",
+      "enumeration": {
+        "<-1": "Moins d'une voiture",
+        "-1": "Moins une voiture",
+        "0": "Aucune voiture",
+        "1": "Une voiture",
+        ">5": "Quelques voitures",
+        ">19": "Beaucoup de voitures"
+      }
+    }
+  }
+}
+```
+
+### Construisez vos dictionnaires
+
+Vous pouvez construire vos dictionnaires en utilisant le [intlayer-cli](https://github.com/aymericzip/intlayer/blob/main/packages/intlayer-cli/readme.md).
+
+```bash packageManager="npm"
+npx intlayer dictionaries build
+```
+
+```bash packageManager="yarn"
+yarn intlayer build
+```
+
+```bash packageManager="pnpm"
+pnpm intlayer build
+```
+
+Cette commande scanne tous les fichiers `*.content.*`, les compile et écrit les résultats dans le répertoire spécifié dans votre **`intlayer.config.ts`** (par défaut, `./.intlayer`).
+
+Une sortie typique pourrait ressembler à :
+
+```bash
+.
+└── .intlayer
+    ├── dictionary  # Contient le dictionnaire de votre contenu
+    │   ├── client-component.json
+    │   └── server-component.json
+    ├── main  # Contient le point d'entrée de votre dictionnaire à utiliser dans votre application
+    │   ├── dictionary.cjs
+    │   └── dictionary.mjs
+    └── types  # Contient les définitions de types générées automatiquement pour votre dictionnaire
+        ├── intlayer.d.ts  # Contient les définitions de types générées automatiquement pour Intlayer
+        ├── client-component.d.ts
+        └── server-component.d.ts
+```
+
+### Construisez des ressources i18next
+
+Intlayer peut être configuré pour construire des dictionnaires pour [i18next](https://www.i18next.com/). Pour cela, vous devez ajouter la configuration suivante à votre fichier `intlayer.config.ts` :
+
+```typescript fileName="intlayer.config.ts" codeFormat="typescript"
+import { Locales, type IntlayerConfig } from "intlayer";
+
+const config: IntlayerConfig = {
+  /* ... */
+  content: {
+    // Indique à Intlayer de générer des fichiers de messages pour i18next
+    dictionaryOutput: ["i18next"],
+
+    // Le répertoire où Intlayer écrira vos fichiers JSON de messages
+    i18nextResourcesDir: "./i18next/resources",
+  },
+};
+```
+
+```typescript fileName="intlayer.config.mjs" codeFormat="esm"
+import { Locales } from "intlayer";
+
+/** @type {import('intlayer').IntlayerConfig} */
+const config = {
+  /* ... */
+  content: {
+    // Indique à Intlayer de générer des fichiers de messages pour i18next
+    dictionaryOutput: ["i18next"],
+
+    // Le répertoire où Intlayer écrira vos fichiers JSON de messages
+    i18nextResourcesDir: "./i18next/resources",
+  },
+};
+
+export default config;
+```
+
+```javascript fileName="intlayer.config.cjs" codeFormat="commonjs"
+const { Locales } = require("intlayer");
+
+/** @type {import('intlayer').IntlayerConfig} */
+const config = {
+  /* ... */
+  content: {
+    // Indique à Intlayer de générer des fichiers de messages pour i18next
+    dictionaryOutput: ["i18next"],
+
+    // Le répertoire où Intlayer écrira vos fichiers JSON de messages
+    i18nextResourcesDir: "./i18next/resources",
+  },
+};
+
+module.exports = config;
+```
+
+> Pour une liste complète des paramètres disponibles, consultez la [documentation de configuration](https://github.com/aymericzip/intlayer/blob/main/docs/fr/configuration.md).
+
+Sortie :
+
+```bash
+.
+└── i18next
+    └── resources
+        ├── en
+        │   ├── client-component.json
+        │   └── server-component.json
+        ├── es
+        │   ├── client-component.json
+        │   └── server-component.json
+        └── fr
+            ├── client-component.json
+            └── server-component.json
+```
+
+Par exemple, le fichier **en/client-component.json** pourrait ressembler à :
+
+```json fileName="intlayer/dictionary/en/client-component.json"
+{
+  "myTranslatedContent": "Hello World",
+  "zero_numberOfCar": "No cars",
+  "one_numberOfCar": "One car",
+  "two_numberOfCar": "Two cars",
+  "other_numberOfCar": "Some cars"
+}
+```
+
+### Construisez des dictionnaires next-intl
+
+Intlayer peut être configuré pour construire des dictionnaires pour [i18next](https://www.i18next.com/) ou [next-intl](https://github.com/formatjs/react-intl/tree/main/packages/next-intl). Pour cela, vous devez ajouter la configuration suivante à votre fichier `intlayer.config.ts` :
+
+```typescript fileName="intlayer.config.ts" codeFormat="typescript"
+import { Locales, type IntlayerConfig } from "intlayer";
+
+const config: IntlayerConfig = {
+  /* ... */
+  content: {
+    // Indique à Intlayer de générer des fichiers de messages pour next-intl
+    dictionaryOutput: ["next-intl"],
+
+    // Le répertoire où Intlayer écrira vos fichiers JSON de messages
+    nextIntlMessagesDir: "./i18next/messages",
+  },
+};
+```
+
+```typescript fileName="intlayer.config.mjs" codeFormat="esm"
+import { Locales } from "intlayer";
+
+/** @type {import('intlayer').IntlayerConfig} */
+const config = {
+  /* ... */
+  content: {
+    // Indique à Intlayer de générer des fichiers de messages pour next-intl
+    dictionaryOutput: ["next-intl"],
+
+    // Le répertoire où Intlayer écrira vos fichiers JSON de messages
+    nextIntlMessagesDir: "./i18next/messages",
+  },
+};
+
+export default config;
+```
+
+```javascript fileName="intlayer.config.cjs" codeFormat="commonjs"
+const { Locales } = require("intlayer");
+
+/** @type {import('intlayer').IntlayerConfig} */
+const config = {
+  /* ... */
+  content: {
+    // Indique à Intlayer de générer des fichiers de messages pour next-intl
+    dictionaryOutput: ["next-intl"],
+
+    // Le répertoire où Intlayer écrira vos fichiers JSON de messages
+    nextIntlMessagesDir: "./intl/messages",
+  },
+};
+
+module.exports = config;
+```
+
+> Pour une liste complète des paramètres disponibles, consultez la [documentation de configuration](https://github.com/aymericzip/intlayer/blob/main/docs/fr/configuration.md).
+
+Sortie :
+
+```bash
+.
+└── intl
+    └── messages
+        ├── en
+        │   ├── client-component.json
+        │   └── server-component.json
+        ├── es
+        │   ├── client-component.json
+        │   └── server-component.json
+        └── fr
+            ├── client-component.json
+            └── server-component.json
+```
+
+Par exemple, le fichier **en/client-component.json** pourrait ressembler à :
+
+```json fileName="intlayer/dictionary/en/client-component.json"
+{
+  "myTranslatedContent": "Hello World",
+  "zero_numberOfCar": "No cars",
+  "one_numberOfCar": "One car",
+  "two_numberOfCar": "Two cars",
+  "other_numberOfCar": "Some cars"
+}
+```
+
+## Outils CLI
+
+Intlayer fournit un outil CLI pour :
+
+- auditer vos déclarations de contenu et compléter les traductions manquantes
+- construire des dictionnaires à partir de vos déclarations de contenu
+- pousser et tirer des dictionnaires distants depuis votre CMS vers votre projet local
+
+Consultez [intlayer-cli](https://github.com/aymericzip/intlayer/blob/main/docs/fr/intlayer_cli.md) pour plus d'informations.
+
+## Utiliser Intlayer dans votre application
+
+Une fois votre contenu déclaré, vous pouvez consommer vos dictionnaires Intlayer dans votre application.
+
+Intlayer est disponible en tant que package pour votre application.
+
+### Application React
+
+Pour utiliser Intlayer dans votre application React, vous pouvez utiliser [react-intlayer](https://github.com/aymericzip/intlayer/blob/main/docs/fr/packages/react-intlayer/index.md).
+
+### Application Next.js
+
+Pour utiliser Intlayer dans votre application Next.js, vous pouvez utiliser [next-intlayer](https://github.com/aymericzip/intlayer/blob/main/docs/fr/packages/next-intlayer/index.md).
+
+### Application Express
+
+Pour utiliser Intlayer dans votre application Express, vous pouvez utiliser [express-intlayer](https://github.com/aymericzip/intlayer/blob/main/docs/fr/packages/express-intlayer/index.md).
+
+## Fonctions fournies par le package `intlayer`
+
+Le package `intlayer` fournit également des fonctions pour vous aider à internationaliser votre application.
+
+- [`getConfiguration()`](https://github.com/aymericzip/intlayer/blob/main/docs/fr/packages/intlayer/getConfiguration.md)
+- [`getTranslation()`](https://github.com/aymericzip/intlayer/blob/main/docs/fr/packages/intlayer/getTranslation.md)
+- [`getEnumeration()`](https://github.com/aymericzip/intlayer/blob/main/docs/fr/packages/intlayer/getEnumeration.md)
+- [`getLocaleName()`](https://github.com/aymericzip/intlayer/blob/main/docs/fr/packages/intlayer/getLocaleName.md)
+- [`getLocaleLang()`](https://github.com/aymericzip/intlayer/blob/main/docs/fr/packages/intlayer/getLocaleLang.md)
+- [`getHTMLTextDir()`](https://github.com/aymericzip/intlayer/blob/main/docs/fr/packages/intlayer/getHTMLTextDir.md)
+- [`getPathWithoutLocale()`](https://github.com/aymericzip/intlayer/blob/main/docs/fr/packages/intlayer/getPathWithoutLocale.md)
+- [`getMultilingualUrls()`](https://github.com/aymericzip/intlayer/blob/main/docs/fr/packages/intlayer/getMultilingualUrls.md)
+- [`getLocalizedUrl()`](https://github.com/aymericzip/intlayer/blob/main/docs/fr/packages/intlayer/getLocalizedUrl.md)
+- [`getPathWithoutLocale()`](https://github.com/aymericzip/intlayer/blob/main/docs/fr/packages/intlayer/getPathWithoutLocale.md)

package/fr/packages/intlayer-cli/index.md

@@ -0,0 +1,41 @@
+# intlayer-cli : Package NPM pour utiliser l'Intlayer CLI
+
+**Intlayer** est une suite de packages conçue spécifiquement pour les développeurs JavaScript. Elle est compatible avec des frameworks comme React, React et Express.js.
+
+Le package **`intlayer-cli`** est un package NPM qui consomme le package `@intlayer/cli` et le rend disponible pour les interfaces en ligne de commande `intlayer`.
+
+> Notez que ce package n'est pas nécessaire si le package [`intlayer`](https://github.com/aymericzip/intlayer/tree/main/docs/fr/packages/intlayer/index.md) est installé. En comparaison avec le package `intlayer`, le package `intlayer-cli` est un package plus léger qui ne contient que l'outil CLI, sans les dépendances de `@intlayer/core`.
+
+## Installation
+
+Installez le package nécessaire en utilisant votre gestionnaire de packages préféré :
+
+```bash packageManager="npm"
+npm install intlayer-cli -g
+```
+
+```bash packageManager="pnpm"
+pnpm add intlayer-cli -g
+```
+
+```bash packageManager="yarn"
+yarn add intlayer-cli -g
+```
+
+## Utilisation
+
+Voici un exemple d'utilisation du package `intlayer-cli` :
+
+```bash
+npx intlayer dictionaries build
+```
+
+## Commandes CLI
+
+Intlayer fournit un outil CLI pour :
+
+- auditer vos déclarations de contenu et compléter les traductions manquantes
+- construire des dictionnaires à partir de vos déclarations de contenu
+- pousser et tirer des dictionnaires distants depuis votre CMS vers votre projet local
+
+Consultez [intlayer-cli](https://github.com/aymericzip/intlayer/blob/main/docs/fr/intlayer_cli.md) pour plus d'informations.

package/fr/packages/intlayer-editor/index.md

@@ -0,0 +1,115 @@
+# intlayer-editor : Package NPM pour utiliser l'éditeur visuel Intlayer
+
+**Intlayer** est une suite de packages conçue spécifiquement pour les développeurs JavaScript. Il est compatible avec des frameworks comme React, React et Express.js.
+
+Le package **`intlayer-editor`** est un package NPM qui intègre l'éditeur visuel Intlayer dans votre projet React.
+
+## Comment fonctionne l'éditeur Intlayer
+
+L'éditeur Intlayer permet d'interagir avec le dictionnaire distant Intlayer. Il peut être installé côté client et transforme votre application en un éditeur de type CMS pour gérer le contenu de votre site dans toutes les langues configurées.
+
+![Interface de l'éditeur Intlayer](https://github.com/aymericzip/intlayer/blob/main/docs/assets/intlayer_editor_ui.png)
+
+## Installation
+
+Installez le package nécessaire en utilisant votre gestionnaire de packages préféré :
+
+```bash packageManager="npm"
+npm install intlayer-editor
+```
+
+```bash packageManager="pnpm"
+pnpm add intlayer-editor
+```
+
+```bash packageManager="yarn"
+yarn add intlayer-editor
+```
+
+### Configuration
+
+Dans votre fichier de configuration Intlayer, vous pouvez personnaliser les paramètres de l'éditeur :
+
+```typescript
+const config: IntlayerConfig = {
+  // ... autres paramètres de configuration
+  editor: {
+    enabled: process.env.INTLAYER_ENABLED === "true", // Si false, l'éditeur est inactif et ne peut pas être accessible.
+    // L'ID client et le secret client sont requis pour activer l'éditeur.
+    // Ils permettent d'identifier l'utilisateur qui édite le contenu.
+    // Ils peuvent être obtenus en créant un nouveau client dans le tableau de bord Intlayer - Projets (https://intlayer.org/dashboard/projects).
+    clientId: process.env.INTLAYER_CLIENT_ID,
+    clientSecret: process.env.INTLAYER_CLIENT_SECRET,
+  },
+};
+```
+
+> Si vous n'avez pas d'ID client et de secret client, vous pouvez les obtenir en créant un nouveau client dans le [tableau de bord Intlayer - Projets](https://intlayer.org/dashboard/projects).
+
+> Pour voir tous les paramètres disponibles, consultez la [documentation de configuration](https://github.com/aymericzip/intlayer/blob/main/docs/fr/configuration.md)
+
+Le package `intlayer-editor` est basé sur Intlayer et est disponible pour les applications JavaScript, telles que React (Create React App), Vite + React et Next.js.
+
+Pour plus de détails sur la façon d'installer le package, consultez la section correspondante ci-dessous :
+
+### Intégration avec Next.js
+
+Pour l'intégration avec Next.js, consultez le [guide de configuration](https://github.com/aymericzip/intlayer/blob/main/docs/fr/intlayer_with_nextjs_15.md).
+
+### Intégration avec Create React App
+
+Pour l'intégration avec Create React App, consultez le [guide de configuration](https://github.com/aymericzip/intlayer/blob/main/docs/fr/intlayer_with_create_react_app.md)
+
+### Intégration avec Vite + React
+
+Pour l'intégration avec Vite + React, consultez le [guide de configuration](https://github.com/aymericzip/intlayer/blob/main/docs/fr/intlayer_with_vite+react.md)
+
+### Exemple d'intégration
+
+Pour intégrer l'éditeur visuel Intlayer dans votre projet React, suivez ces étapes :
+
+- Importez le composant éditeur Intlayer dans votre application React :
+
+  ```tsx fileName="src/App.jsx"
+  import { IntlayerEditorProvider } from "intlayer-editor";
+  import { IntlayerProvider } from "react-intlayer";
+
+  export default function App() {
+    return (
+      <IntlayerProvider>
+        <IntlayerEditorProvider>
+          <IntlayerEditor>
+            {/* Contenu de votre application ici */}
+          </IntlayerEditor>
+        </IntlayerEditorProvider>
+      </IntlayerProvider>
+    );
+  }
+  ```
+
+- Importez les styles de l'éditeur Intlayer dans votre application Next.js :
+
+  ```tsx fileName="src/app/[locale]/layout.jsx"
+  import { IntlayerEditorStyles } from "intlayer-editor";
+
+  export default async function RootLayout({ children, params }) {
+    const { locale } = await params;
+    return (
+      <IntlayerClientProvider locale={locale}>
+        <IntlayerEditorProvider>
+          <html lang={locale}>
+            <body className={IntlayerEditorStyles}>{children}</body>
+          </html>
+        </IntlayerEditorProvider>
+      </IntlayerClientProvider>
+    );
+  }
+  ```
+
+## Utilisation de l'éditeur
+
+Lorsque l'éditeur est installé, activé et démarré, vous pouvez visualiser chaque champ indexé par Intlayer en survolant votre contenu avec votre curseur.
+
+![Survoler le contenu](https://github.com/aymericzip/intlayer/blob/main/docs/assets/intlayer_editor_hover_content.png)
+
+Si votre contenu est délimité, vous pouvez effectuer un appui long pour afficher le tiroir d'édition.

package/fr/packages/lynx-intlayer/index.md

@@ -0,0 +1,58 @@
+**Intlayer** est une suite de packages conçue spécifiquement pour les développeurs JavaScript. Elle est compatible avec des frameworks comme React, React et Express.js.
+
+**Le package `lynx-intlayer`** vous permet d'internationaliser votre application Vite. Il inclut le plugin Metro pour configurer les variables d'environnement dans le [bundler Lynx](https://lynxjs.org/index.html).
+
+## Pourquoi internationaliser votre application Lynx ?
+
+Internationaliser votre application Lynx est essentiel pour servir efficacement un public mondial. Cela permet à votre application de fournir du contenu et des messages dans la langue préférée de chaque utilisateur. Cette capacité améliore l'expérience utilisateur et élargit la portée de votre application en la rendant plus accessible et pertinente pour des personnes de différents horizons linguistiques.
+
+## Configuration
+
+Le package `lynx-intlayer` fonctionne parfaitement avec le [`package react-intlayer`](https://github.com/aymericzip/intlayer/blob/main/docs/fr/packages/react-intlayer/index.md), et le [`package intlayer`](https://github.com/aymericzip/intlayer/blob/main/docs/fr/packages/intlayer/index.md). Consultez la documentation correspondante pour plus d'informations.
+
+## Installation
+
+Installez le package nécessaire en utilisant votre gestionnaire de packages préféré :
+
+```bash packageManager="npm"
+npm install lynx-intlayer
+```
+
+```bash packageManager="yarn"
+yarn add lynx-intlayer
+```
+
+```bash packageManager="pnpm"
+pnpm add lynx-intlayer
+```
+
+## Exemple d'utilisation
+
+Voici un exemple montrant comment inclure les plugins dans votre configuration Vite.
+
+```ts
+// lynx.config.ts
+import { defineConfig } from "@lynx-js/rspeedy";
+import { pluginIntlayerLynx } from "lynx-intlayer/plugin";
+
+export default defineConfig({
+  plugins: [
+    // ... autres plugins
+    pluginIntlayerLynx(),
+  ],
+});
+```
+
+## Maîtriser l'internationalisation de votre application Vite
+
+Intlayer offre de nombreuses fonctionnalités pour vous aider à internationaliser votre application Vite.
+
+**Pour en savoir plus sur ces fonctionnalités, consultez le guide [Internationalisation (i18n) avec Intlayer et Lynx](https://github.com/aymericzip/intlayer/blob/main/docs/fr/intlayer_with_lynx+react.md) pour les applications Lynx.**
+
+## En savoir plus sur Intlayer
+
+- [Site Web Intlayer](https://intlayer.org)
+- [Documentation Intlayer](https://intlayer.org/doc)
+- [GitHub Intlayer](https://github.com/aymericzip/intlayer)
+
+- [Posez vos questions à notre documentation intelligente](https://intlayer.org/docchat)