Publiée récemment v9.6.0

    Internationalisation Layer

    Type-Safe. Traduisez avec l'IA. Éditez visuellement.

    npx intlayer init

    Définissez les traductions où vous le souhaitez dans votre codebase et accélérez votre développement. Gardez votre bundle aussi léger qu'il devrait l'être.

    Soutenir le projetCommencer

    Disponible pour

    // src/component/server/component.content.tsimport { t, type Dictionary } from "intlayer";const componentContent = {  key: "server-component",  content: {    title: t({      en: "Title of my component",      fr: "Titre de mon component",      es: "Título de mi componente",    }),    content:      "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.",  },} satisfies Dictionary;export default componentContent;
    // src/components/Component.tsxexport const Component = () => {  return (    <div>      <h2>Intlayer Compiler</h2>      <p>        The Intlayer Compiler extracts automatically the content from the        components and generates the dictionary files.      </p>    </div>  );};
    Essayez-le gratuitement en utilisant le playground.Aller au playground
    intlayer test
    $ npx intlayer test
    ~/Desktop/MyApp

    Améliorez la maintenabilité du code en gardant vos définitions de contenu proches de vos composants. Réduisez la redondance, améliorez la clarté et simplifiez les mises à jour grâce à une approche structurée qui facilite la gestion et l’évolution de votre code.

    Extrayez votre contenu instantanément avec le Compilateur Intlayer. Il générera automatiquement les fichiers de dictionnaire nécessaires pour votre contenu afin d’internationaliser votre application en une seconde.

    Profitez de l’éditeur visuel gratuit pour créer et gérer votre site en toute simplicité. Créez, modifiez et organisez des composants et des pages sans toucher au code, facilitant ainsi la collaboration entre gestionnaires de contenu et développeurs.

    Étendez votre portée grâce à la fonctionnalité de traduction intégrée. Traduisez facilement votre contenu via une interface intuitive, garantissant une expérience multilingue fluide pour vos utilisateurs sans les contraintes de gérer plusieurs versions de contenu manuellement.

    Utilisez l'outil en ligne de commande Intlayer pour tester et compléter votre contenu à l’aide de l’IA et garantir des traductions complètes et précises.

    Questions fréquentes

    L'internationalisation (i18n) est le processus de conception et de développement d'applications comme Next.js, React ou Express pour prendre en charge facilement plusieurs langues. Elle vous permet de créer des sites web multilingues en simplifiant le processus de traduction. Des outils comme TypeScript facilitent la mise en œuvre de l'i18n, permettant une adaptation efficace et facile de votre application à différentes langues et régions.En savoir plus sur l’internationalisation

    Intlayer est un package qui vous permet de gérer votre site web multilingue. Il fournit un ensemble d’outils et d’utilitaires qui facilitent la mise en place de votre site web pour le contenu multilingue et la localisation.En savoir plus sur Intlayer

    Intlayer simplifie la gestion des configurations et permet l’internationalisation de plusieurs types d’applications JavaScript, y compris les server components. Il permet de déclarer le contenu au même niveau que les composants, ce qui améliore la maintenabilité de la base de code. De plus, Intlayer utilise TypeScript pour prévenir les déclarations manquantes. Enfin, Intlayer offre un éditeur visuel, permettant aux non-développeurs de modifier le contenu du site web, de traduire automatiquement grâce à l’IA et d’optimiser le SEO de l’application.En savoir plus sur les fonctionnalités d'Intlayer

    Intlayer s’intègre avec Next.js pour permettre le rendu côté serveur et la génération de sites statiques, rendant la diffusion de contenu multilingue plus efficace.En savoir plus sur l’intégration de Next.js

    Oui, Intlayer propose un éditeur visuel optionnel pour gérer le contenu facilement sans plonger dans le code.En savoir plus sur l’éditeur visuel

    Vous pouvez contribuer en soumettant des pull requests ou en signalant des problèmes sur le dépôt GitHub.En savoir plus sur la façon de contribuer

    Intlayer intègre une sélection de packages NPM gratuits ainsi qu’un éditeur visuel. De plus, il propose un CMS pour externaliser le contenu. Ce CMS est gratuit, mais inclut des fonctionnalités supplémentaires pour les membres des plans Premium et Enterprise.En savoir plus sur les plans d’Intlayer

    Intlayer est disponible pour React (y compris Create React App), Vite avec React, Next.js, Tanstack Start, Vue, Nuxt, Express, NestJS, Preact, et plus. Cela garantit une intégration fluide avec les frameworks JavaScript modernes et les environnements côté serveur.En savoir plus sur les plateformes prises en charge

    Oui, Intlayer peut être intégré comme un wrapper autour de i18next, next-intl, vue-i18next et plus. Cela vous permet d'automatiser vos traductions et d'utiliser Intlayer sans avoir à refactoriser votre code existant.

    Lire toutes les questions fréquentes