Documentation Intlayer

Bienvenue dans la documentation d'Intlayer. Ce guide fournit un aperçu d'Intlayer, de ses principales fonctionnalités et de la façon d'utiliser efficacement ces documents pour améliorer votre expérience de développement.

Introduction

Qu'est-ce qu'Intlayer ?

Intlayer est une bibliothèque d'internationalisation conçue spécifiquement pour les développeurs JavaScript. Elle permet la déclaration de votre contenu partout dans votre code. Elle convertit la déclaration de contenu multilingue en dictionnaires structurés pour s'intégrer facilement dans votre code. En utilisant TypeScript, Intlayer rend votre développement plus solide et plus efficace.

Intlayer propose également un éditeur visuel optionnel qui vous permet de gérer et d'éditer facilement votre contenu. Cet éditeur est particulièrement utile pour les développeurs qui préfèrent une interface visuelle pour la gestion de contenu, ou pour les équipes générant du contenu sans avoir à se soucier du code.

Exemple d'utilisation

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};

Principales caractéristiques

Intlayer offre une variété de fonctionnalités adaptées aux besoins du développement web moderne. Voici les caractéristiques clés, avec des liens vers la documentation détaillée de chacune :

Support de l'internationalisation : Améliorez la portée mondiale de votre application avec un support intégré pour l'internationalisation.
Éditeur visuel : Améliorez votre flux de travail de développement avec des plugins d'éditeur conçus pour Intlayer. Consultez le Guide de l'Éditeur Visuel.
Flexibilité de configuration : Personnalisez votre configuration avec des options détaillées dans le Guide de Configuration.
Outils CLI avancés : Gérez vos projets efficacement en utilisant l'interface de ligne de commande d'Intlayer. Explorez les capacités dans la Documentation des Outils CLI.
Compatibilité avec l'i18n : Intlayer fonctionne sans accroc avec d'autres bibliothèques d'internationalisation. Consultez le Guide i18n pour plus d'informations.

Plateformes supportées

Intlayer est conçu pour fonctionner sans problème avec les applications Next.js et React. Il prend également en charge Vite et Create React App.

Intégration Next.js : Utilisez la puissance de Next.js dans Intlayer pour le rendu côté serveur et la génération de sites statiques. Les détails sont disponibles dans notre Guide d'Intégration Next.js.
Intégration Vite et React : Exploitez Vite dans Intlayer pour le rendu côté serveur et la génération de sites statiques. Les détails sont disponibles dans notre Guide d'Intégration Vite et React.
Intégration Create React App : Utilisez la puissance de Create React App dans Intlayer pour le rendu côté serveur et la génération de sites statiques. Les détails sont disponibles dans notre Guide d'Intégration Create React App.

Comment utiliser cette documentation

Pour tirer le meilleur parti de cette documentation :

Naviguer vers les sections pertinentes : Utilisez les liens fournis ci-dessus pour accéder directement aux sections qui répondent à vos besoins.
Exemples interactifs : Lorsque cela est possible, utilisez des exemples interactifs pour voir comment les fonctionnalités fonctionnent en temps réel.
Retours et contributions : Vos retours sont précieux. Si vous avez des suggestions ou des corrections, envisagez de contribuer à la documentation.

Si vous avez une idée d’amélioration pour améliorer cette documentation, n’hésitez pas à contribuer en submitant une pull request sur GitHub.

Lien GitHub de la documentation

Comment Intlayer fonctionne