Intlayer: Un modo più vicino per tradurre la tua applicazione

    Intlayer è una libreria di internazionalizzazione progettata specificamente per gli sviluppatori JavaScript. Permette la dichiarazione dei tuoi contenuti ovunque nel tuo codice. Converte la dichiarazione di contenuti multilingue in dizionari strutturati per integrarsi facilmente nel tuo codice. Utilizzando TypeScript, Intlayer rende il tuo sviluppo più robusto ed efficiente.

    Esempio di utilizzo

    bash
    .└── Components    └── MyComponent        ├── index.content.ts        └── index.tsx
    ./Components/MyComponent/index.content.ts
    import { t, type Dictionary } from "intlayer";// Esempio di contenuto del componenteconst componentExampleContent = {  key: "component-example",  content: {    myTranslatedContent: t({      en: "Hello World",      fr: "Bonjour le monde",      es: "Hola Mundo",    }),  },} satisfies Dictionary;export default componentExampleContent;
    ./Components/MyComponent/index.tsx
    import { useIntlayer } from "react-intlayer";// Esempio di componenteexport const ComponentExample = () => {  const { myTranslatedContent } = useIntlayer("component-example");  return <span>{myTranslatedContent}</span>;};

    Perché scegliere Intlayer?

    • Gestione dei contenuti basata su JavaScript: Sfrutta la flessibilità di JavaScript per definire e gestire i tuoi contenuti in modo efficiente.
    • Ambiente Type-Safe: Utilizza TypeScript per garantire che tutte le definizioni dei tuoi contenuti siano precise e prive di errori.
    • File di contenuti integrati: Mantieni le tue traduzioni vicine ai rispettivi componenti, migliorando la manutenibilità e la chiarezza.
    • Configurazione semplificata: Avvia rapidamente con una configurazione minima, ottimizzata soprattutto per i progetti Next.js.
    • Supporto per componenti server: Perfettamente adatto ai componenti server di Next.js, garantendo un rendering lato server fluido.
    • Routing migliorato: Supporto completo per il routing delle app Next.js, adattandosi senza problemi a strutture applicative complesse.
    • Interoperabilità: Consente l'interoperabilità con react-i18next, next-i18next, next-intl, e react-intl.

    Se hai un’idea per migliorare questa documentazione, non esitare a contribuire inviando una pull request su GitHub.

    Collegamento GitHub alla documentazione