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

.└── Components    └── MyComponent        ├── index.content.ts        └── index.tsx

import { t, type Dictionary } from "intlayer";// Exemple de contenu traduit pour le composantconst componentExampleContent = {  key: "component-example",  content: {    myTranslatedContent: t({      en: "Hello World",      fr: "Bonjour le monde",      es: "Hola Mundo",    }),  },} satisfies Dictionary;export default componentExampleContent;

import { useIntlayer } from "react-intlayer";// Exemple de composant utilisant le contenu traduitexport const ComponentExample = () => {  const { myTranslatedContent } = useIntlayer("component-example");  return <span>{myTranslatedContent}</span>;};

Pourquoi choisir 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 : Utilisez 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 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 de Next.js, garantissant un rendu côté serveur fluide.
• Routage amélioré : Support complet du routage des applications Next.js, s'adaptant parfaitement aux structures d'applications complexes.
• Interopérabilité : Permet l'interopérabilité avec react-i18next, next-i18next, next-intl, et react-intl.