Intlayer : Une manière plus proche de traduire votre application
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 transforme 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.
Exemple d'utilisation
bash
.└── Components └── MyComponent ├── index.content.ts └── index.tsx
./Components/MyComponent/index.content.ts
import { type DeclarationContent, t } from "intlayer";const componentExampleContent = { key: "component-example", content: { myTranslatedContent: t({ en: "Hello World", fr: "Bonjour le monde", es: "Hola Mundo", }), },} satisfies DeclarationContent;export default componentExampleContent;
./Components/MyComponent/index.tsx
import { useIntlayer } from "react-intlayer";export const ComponentExample = () => { const { myTranslatedContent } = useIntlayer("component-example"); return <span>{myTranslatedContent}</span>;};
Pourquoi choisir Intlayer ?
- Gestion de contenu propulsée par JavaScript : Profitez de la flexibilité de JavaScript pour définir et gérer votre contenu efficacement.
- Environnement sécurisé par type : Profitez de TypeScript pour garantir que toutes vos définitions de contenu sont précises et sans erreur.
- Fichiers de contenu intégrés : Gardez vos traductions proches de leurs composants respectifs, améliorant la maintenabilité et la clarté.
- Configuration simplifiée : Commencez rapidement avec une configuration minimale, spécialement optimisée pour les projets Next.js.
- Support des composants du serveur : Parfaitement adapté aux composants du serveur Next.js, garantissant un rendu côté serveur fluide.
- Routage amélioré : Support complet pour le routage des applications Next.js, s'adaptant sans effort à des structures d'application complexes.
- Interopérabilité : Permet l'interopérabilité avec i18next. (bêta)
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