Posez votre question et obtenez un résumé du document en referencant cette page et le Provider AI de votre choix
En intégrant le serveur MCP Intlayer à votre assistant AI, vous pouvez récupérer tous les documents directement depuis ChatGPT, DeepSeek, Cursor, VSCode, etc.
Voir la documentation du serveur MCPLe contenu de cette page a été traduit à l'aide d'une IA.
Voir la dernière version du contenu original en anglaisSi 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 documentationCopier le Markdown du doc dans le presse-papiers
Intlayer : Une méthode sur mesure pour traduire votre site web
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 une intégration facile dans votre code. En utilisant TypeScript, Intlayer rend votre développement plus robuste et plus efficace.
Exemple d'utilisation
Copier le code dans le presse-papiers
.└── Components └── MyComponent ├── index.content.ts └── index.tsxCopier le code dans le presse-papiers
import { t, type Dictionary } from "intlayer";const componentExampleContent = { key: "component-example", content: { myTranslatedContent: t({ en: "Hello World", fr: "Bonjour le monde", es: "Hola Mundo", }), },} satisfies Dictionary;export default componentExampleContent;Copier le code dans le presse-papiers
import { useIntlayer } from "react-intlayer";export const ComponentExample = () => { const { myTranslatedContent } = useIntlayer("component-example"); return <span>{myTranslatedContent}</span>;};Pourquoi choisir Intlayer ?
| Fonctionnalité | Description |
|---|---|
| Gestion de contenu propulsée par JavaScript | Exploitez la flexibilité de JavaScript pour définir et gérer efficacement votre contenu. |
| Environnement à typage sécurisé | Exploitez 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é. |
| Configuration Simplifiée | Démarrez rapidement avec une configuration minimale, spécialement optimisée pour les projets Next.js. |
| Support des composants serveur | Parfaitement adapté aux composants serveur Next.js, garantissant un rendu côté serveur fluide. |
| Routage Amélioré | Prise en charge complète du routage des applications Next.js, s'adaptant parfaitement aux structures d'application complexes. |
| Base de code organisée | Gardez votre base de code plus organisée : 1 composant = 1 dictionnaire dans le même dossier. |
| Traduction automatique CI | Remplissez automatiquement vos traductions dans votre CI en utilisant votre propre clé API OpenAI, éliminant ainsi le besoin d'une plateforme de localisation (L10n). |
| Intégration du serveur MCP | Fournit un serveur MCP (Model Context Protocol) pour l'automatisation dans l'IDE, permettant une gestion fluide du contenu et des flux de travail i18n directement au sein de votre environnement de développement. En savoir plus. |
| Support Markdown | Importer et interpréter des fichiers markdown pour du contenu multilingue comme les politiques de confidentialité. |
| Éditeur Visuel Gratuit & CMS | Un éditeur visuel gratuit et un CMS sont disponibles si vous devez travailler avec des rédacteurs de contenu pour vos traductions, supprimant ainsi à nouveau le besoin d'une plateforme de localisation et permettant l'externalisation du contenu hors de la base de code. |
| Récupération Simplifiée du Contenu | Plus besoin d'appeler votre fonction t pour chaque élément de contenu ; récupérez tout votre contenu directement en utilisant un seul hook. |
| Implémentation cohérente | La même implémentation pour les composants client et serveur, pas besoin de passer votre fonction t à travers chaque composant serveur. |
| Contenu Tree-shakable | Le contenu est tree-shakable, ce qui allège le bundle final. |
| Rendu statique non bloquant | Intlayer ne bloque pas le rendu statique contrairement à next-intl. |
| Interopérabilité | Permet l'interopérabilité avec react-i18next, next-i18next, next-intl, et react-intl. |
Historique de la documentation
- 5.5.10 - 2025-06-29 : Historique initial