Appena rilasciato v9.6.0

    Internazionalizzazione Layer

    Type-Safe. Traduci con l'IA. Modifica visivamente.

    npx intlayer init

    Definisci le traduzioni dove vuoi nella tua codebase e accelera il tuo sviluppo. Mantieni il tuo bundle leggero come dovrebbe essere.

    Sostenere il progettoIniziare

    Disponibile per

    // 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>  );};
    Provalo gratuitamente usando il playground.Vai al playground
    intlayer test
    $ npx intlayer test
    ~/Desktop/MyApp

    Migliora la manutenibilità del codice mantenendo le definizioni dei contenuti vicino ai componenti. Riduci la ridondanza, migliora la chiarezza e semplifica gli aggiornamenti con un approccio strutturato che rende il codice più facile da gestire e scalare nel tempo.

    Estrai il tuo contenuto istantaneamente con il Compilatore Intlayer. Genera automaticamente i file di dizionario necessari per il tuo contenuto per internazionalizzare la tua applicazione in un secondo.

    Sfrutta l’editor visivo gratuito per costruire e gestire il tuo sito con facilità. Crea, modifica e organizza componenti e pagine senza toccare il codice, facilitando la collaborazione tra gestori di contenuti e sviluppatori.

    Espandi la tua portata con il supporto di traduzione integrato. Traduci facilmente i tuoi contenuti utilizzando un’interfaccia intuitiva, garantendo esperienze multilingue fluide per i tuoi utenti senza la seccatura di gestire manualmente più versioni di contenuto.

    Usa la CLI di Intlayer per testare e riempire i tuoi contenuti con l’AI, assicurandoti che tutte le traduzioni siano complete e accurate.

    Domande frequenti

    L’internazionalizzazione (i18n) è il processo di progettazione e sviluppo di applicazioni come Next.js, React o Express per supportare facilmente più lingue. Ti consente di creare siti web multilingue semplificando il processo di traduzione. Strumenti come TypeScript rendono più facile implementare l’i18n, consentendo un’adattamento efficiente e semplice della tua applicazione a diverse lingue e regioni.Scopri di più sull’internazionalizzazione

    Intlayer è un pacchetto che ti consente di gestire il tuo sito web multilingue. Fornisce un insieme di strumenti e utility che facilitano la configurazione del tuo sito web per contenuti multilingue e localizzazione.Scopri di più su Intlayer

    Intlayer semplifica la gestione delle configurazioni e abilita l’internazionalizzazione per vari tipi di applicazioni JavaScript, inclusi i componenti server. Consente la dichiarazione del contenuto direttamente accanto ai componenti, migliorando la manutenzione del codice. Inoltre, Intlayer sfrutta TypeScript per prevenire le dichiarazioni mancanti. Infine, Intlayer offre un editor visivo, che consente a chi non è sviluppatore di modificare i contenuti del sito web, tradurre automaticamente utilizzando l’intelligenza artificiale e ottimizzare il SEO dell’applicazione.Scopri di più sulle funzionalità di Intlayer

    Intlayer si integra con Next.js per abilitare il rendering lato server e la generazione di siti statici, rendendo la consegna dei contenuti multilingue più efficiente.Scopri di più sull’integrazione con Next.js

    Sì, Intlayer offre un editor visivo opzionale per gestire i contenuti facilmente senza dover entrare nel codice.Scopri di più sull’editor visivo

    Puoi contribuire inviando pull request o segnalando problemi nel repository di GitHub.Scopri di più su come contribuire

    Intlayer integra una selezione di pacchetti NPM gratuiti insieme a un editor visivo. Inoltre, offre un CMS per l’esternalizzazione dei contenuti. Questo CMS è gratuito, ma include funzionalità aggiuntive per i membri dei piani Premium ed Enterprise.Scopri di più sui piani di Intlayer

    Intlayer è disponibile per React (compreso Create React App), Vite con React, Next.js, Tanstack Start, Vue, Nuxt, Express, NestJS, Preact e altro. Questo garantisce un’integrazione fluida con i moderni framework JavaScript e gli ambienti server-side.Scopri di più sulle piattaforme supportate

    Sì, Intlayer può essere integrato come wrapper intorno a i18next, next-intl, vue-i18next e altro. Questo ti permette di automatizzare le tue traduzioni e usare Intlayer senza dover rifattorizzare il tuo codice esistente.

    Leggi tutte le domande frequenti