Ricevi notifiche sui prossimi lanci di Intlayer
    Creazione:2024-08-14Ultimo aggiornamento:2025-06-29

    Intlayer: Un modo su misura per tradurre il tuo sito web

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

    Esempio di utilizzo

    bash
    .└── Components    └── MyComponent        ├── index.content.ts        └── index.tsx
    ./Components/MyComponent/index.content.ts
    import { t, type Dictionary } from "intlayer";const 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";export const ComponentExample = () => {  const { myTranslatedContent } = useIntlayer("component-example");  return <span>{myTranslatedContent}</span>;};

    Perché scegliere Intlayer?

    Funzionalità Descrizione
    Gestione dei Contenuti con JavaScript Sfrutta la flessibilità di JavaScript per definire e gestire i tuoi contenuti in modo efficiente.
    Ambiente Type-Safe Sfrutta TypeScript per garantire che tutte le tue definizioni di contenuto siano precise e prive di errori.
    File di Contenuto Integrati Mantieni le tue traduzioni vicine ai rispettivi componenti, migliorando la manutenibilità e la chiarezza.
    Configurazione Semplificata Avvia rapidamente con una configurazione minima, ottimizzata specialmente per progetti Next.js.
    Supporto per Componenti Server Perfettamente adatto per i componenti server di Next.js, garantendo un rendering lato server fluido.
    Routing migliorato Supporto completo per il routing delle app Next.js, adattandosi perfettamente a strutture applicative complesse.
    Codice Organizzato Mantieni il tuo codice più organizzato: 1 componente = 1 dizionario nella stessa cartella.
    Traduzione automatica CI Compila automaticamente le tue traduzioni nella CI utilizzando la tua chiave API OpenAI, eliminando la necessità di una piattaforma L10n.
    Integrazione Server MCP Fornisce un server MCP (Model Context Protocol) per l'automazione IDE, consentendo una gestione dei contenuti e flussi di lavoro i18n senza interruzioni direttamente all'interno del tuo ambiente di sviluppo. Scopri di più.
    Supporto Markdown Importa e interpreta file markdown per contenuti multilingue come le politiche sulla privacy.
    Editor Visivo Gratuito & CMS Un editor visivo gratuito e un CMS sono disponibili se hai bisogno di lavorare con i redattori di contenuti per le tue traduzioni, eliminando nuovamente la necessità di una piattaforma di localizzazione e permettendo l'esternalizzazione dei contenuti dal codice.
    Recupero Contenuti Semplificato Non è necessario chiamare la funzione t per ogni contenuto; recupera tutti i tuoi contenuti direttamente utilizzando un singolo hook.
    Implementazione Coerente La stessa implementazione sia per i componenti client che server, senza bisogno di passare la funzione t attraverso ogni componente server.
    Contenuto Tree-shakable Il contenuto è tree-shakable, il che alleggerisce il bundle finale.
    Rendering Statico Non Bloccante Intlayer non blocca il Rendering Statico come fa next-intl.
    Interoperabilità Consente l'interoperabilità con react-i18next, next-i18next, next-intl, e react-intl.

    Cronologia del Documento

    • 5.5.10 - 2025-06-29: Inizio cronologia
    Configurazione
    CLI
    Ricevi notifiche sui prossimi lanci di Intlayer