Internationalisez (i18n) votre site web React et Next.js

    Intlayer est une bibliothèque d'internationalisation et de gestion de contenu conçue spécialement pour les développeurs. Rendez votre code plus évolutif et renforcez-le grâce à TypeScript. Facilitez l'édition de votre contenu en l'externalisant et profitez des outils d'IA pour accélérer vos rédactions.

    Pourquoi choisir Intlayer ?

    Gratuit et Open Source

    Intlayer est gratuit et open source, vous permettant de l'utiliser gratuitement et de contribuer à son bon fonctionnement.

    Gestion de Contenu Propulsée par JavaScript

    Exploitez la flexibilité de JavaScript pour définir et gérer votre contenu efficacement.

    Type-Safe Environnement

    Utilisez TypeScript pour garantir que toutes vos définitions de contenu soient précises et exemptes d'erreurs.

    Declaration au niveau du component

    Gardez vos traductions proches de leurs composants respectifs, améliorant la maintenabilité et la clarté.

    Configuration Simplifiée

    Mettez-vous en route rapidement avec une configuration minimale, spécialement optimisée pour les projets Next.js.

    CMS Intégré

    Editez vos contenus à l'aide un CMS directement intégré à votre site. Boostez la generation de contenu grâce à l'IA.

    // src/component/client/component.content.tsimport { t, type Dictionary } from "intlayer";const componentContent = {  key: "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;
    Essayez-le gratuitement en utilisant le playground.Aller au playground

    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.

    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.

    Bénéficiez d’une productivité accrue grâce aux suggestions de contenu alimentées par l’IA. Au fur et à mesure de votre saisie, obtenez des recommandations instantanées pour le texte, les titres et les expressions clés, vous aidant à maintenir la cohérence, à améliorer la lisibilité et à accélérer la création de contenu dans l’ensemble de votre projet.

    Rédigez votre contenu en Markdown pour bénéficier d’une approche fluide et structurée de la mise en forme du texte. Créez et gérez facilement les pages de votre site en tirant parti de la simplicité de Markdown pour maintenir la cohérence et améliorer la lisibilité sur l’ensemble de votre plateforme.

    Disponible sur

    Bientôt disponible

      • hi flagहिन्दी
      • ca flagCatalà
      • is-IS flagÍslenska (Ísland)
      • cy flagCymraeg
      • se flagDavvisámegiella
      • sv-SE flagSvenska (Sverige)
      • ur flagاردو
      • ar-TN flagالعربية (تونس)
      • qu-EC flagRunasimi (Ecuador)
      • qu-PE flagRunasimi (Perú)
      • tr flagTürkçe
      • es-BO flagEspañol (Bolivia)
      • tn-ZA flagSetswana (Aforika Borwa)
      • ar-YE flagالعربية (اليمن)
      • se-NO flagDavvisámegiella (Norge)
      • hi flagहिन्दी
      • ca flagCatalà
      • is-IS flagÍslenska (Ísland)
      • cy flagCymraeg
      • se flagDavvisámegiella
      • sv-SE flagSvenska (Sverige)
      • ur flagاردو
      • ar-TN flagالعربية (تونس)
      • qu-EC flagRunasimi (Ecuador)
      • qu-PE flagRunasimi (Perú)
      • tr flagTürkçe
      • es-BO flagEspañol (Bolivia)
      • tn-ZA flagSetswana (Aforika Borwa)
      • ar-YE flagالعربية (اليمن)
      • se-NO flagDavvisámegiella (Norge)
      • en-CB flagEnglish (Caribbean)
      • lt flagLietuvių
      • hy-AM flagՀայերեն (Հայաստան)
      • it-CH flagItaliano (Svizzera)
      • vi-VN flagTiếng Việt (Việt Nam)
      • pl flagPolski
      • ts flagXitsonga
      • de-LU flagDeutsch (Luxemburg)
      • ru-RU flagРусский (Россия)
      • bg-BG flagБългарски (България)
      • en-GB flagEnglish (United Kingdom)
      • he flagעברית
      • eu-ES flagEuskara (Espainia)
      • fi-FI flagSuomi (Suomi)
      • fr-CH flagFrançais (Suisse)
      • en-CB flagEnglish (Caribbean)
      • lt flagLietuvių
      • hy-AM flagՀայերեն (Հայաստան)
      • it-CH flagItaliano (Svizzera)
      • vi-VN flagTiếng Việt (Việt Nam)
      • pl flagPolski
      • ts flagXitsonga
      • de-LU flagDeutsch (Luxemburg)
      • ru-RU flagРусский (Россия)
      • bg-BG flagБългарски (България)
      • en-GB flagEnglish (United Kingdom)
      • he flagעברית
      • eu-ES flagEuskara (Espainia)
      • fi-FI flagSuomi (Suomi)
      • fr-CH flagFrançais (Suisse)
      • hy flagՀայերեն
      • th-TH flagไทย (ประเทศไทย)
      • ta-IN flagதமிழ் (இந்தியா)
      • fi flagSuomi
      • nb flagNorsk Bokmål
      • sq-AL flagShqip (Shqipëria)
      • zh-Hans flag简体中文
      • kok-IN flagकोंकणी (भारत)
      • sk flagSlovenčina
      • en-NZ flagEnglish (New Zealand)
      • se-SE flagDavvisámegiella (Sverige)
      • qu-BO flagRunasimi (Bolivia)
      • ja-JP flag日本語 (日本)
      • ar-BH flagالعربية (البحرين)
      • kn-IN flagಕನ್ನಡ (ಭಾರತ)
      • hy flagՀայերեն
      • th-TH flagไทย (ประเทศไทย)
      • ta-IN flagதமிழ் (இந்தியா)
      • fi flagSuomi
      • nb flagNorsk Bokmål
      • sq-AL flagShqip (Shqipëria)
      • zh-Hans flag简体中文
      • kok-IN flagकोंकणी (भारत)
      • sk flagSlovenčina
      • en-NZ flagEnglish (New Zealand)
      • se-SE flagDavvisámegiella (Sverige)
      • qu-BO flagRunasimi (Bolivia)
      • ja-JP flag日本語 (日本)
      • ar-BH flagالعربية (البحرين)
      • kn-IN flagಕನ್ನಡ (ಭಾರತ)
      • et-EE flagEesti (Eesti)
      • cy-GB flagCymraeg (Y Deyrnas Unedig)
      • es-EC flagEspañol (Ecuador)
      • nb-NO flagNorsk Bokmål (Norge)
      • nn-NO flagNorsk Nynorsk (Norge)
      • nl flagNederlands
      • lv flagLatviešu
      • es-CL flagEspañol (Chile)
      • kok-IN flagकोंकणी (भारत)
      • kk-KZ flagҚазақ (Қазақстан)
      • pl flagPolski
      • sv flagSvenska
      • en-ZW flagEnglish (Zimbabwe)
      • kn flagಕನ್ನಡ
      • sr-SP flagSrpski (Srbija i Crna Gora)
      • et-EE flagEesti (Eesti)
      • cy-GB flagCymraeg (Y Deyrnas Unedig)
      • es-EC flagEspañol (Ecuador)
      • nb-NO flagNorsk Bokmål (Norge)
      • nn-NO flagNorsk Nynorsk (Norge)
      • nl flagNederlands
      • lv flagLatviešu
      • es-CL flagEspañol (Chile)
      • kok-IN flagकोंकणी (भारत)
      • kk-KZ flagҚазақ (Қазақстан)
      • pl flagPolski
      • sv flagSvenska
      • en-ZW flagEnglish (Zimbabwe)
      • kn flagಕನ್ನಡ
      • sr-SP flagSrpski (Srbija i Crna Gora)

    Essayez la démo en direct

    Questions fréquentes

    Qu’est-ce que l’internationalisation (i18n) ?

    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

    Comment Intlayer s’intègre-t-il avec Next.js ?

    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

    Quel est le coût de l’utilisation d’Intlayer ?

    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

    Qu’est-ce que Intlayer ?

    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

    Existe-t-il un éditeur visuel dans Intlayer ?

    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

    Quelles plateformes sont prises en charge par Intlayer ?

    Intlayer est disponible pour React (y compris Create React App), Vite avec React, Next.js et Express. 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

    Quelles sont les principales fonctionnalités d’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

    Comment puis-je contribuer à Intlayer ?

    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