Intlayer Documentazione

Benvenuto nella Documentazione di Intlayer. Questa guida fornisce una panoramica di Intlayer, delle sue principali caratteristiche e di come utilizzare efficacemente questi documenti per migliorare la tua esperienza di sviluppo.

Introduzione

Cos'è Intlayer?

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

Intlayer offre anche un editor visivo opzionale che consente di modificare e gestire facilmente i tuoi contenuti. Questo editor è particolarmente utile per gli sviluppatori che preferiscono un'interfaccia visiva per la gestione dei contenuti, o per i team che generano contenuti senza doversi preoccupare del codice.

Esempio di utilizzo

bash

1.
2├── ClientComponent
3│   ├── index.content.ts
4│   └── index.tsx
5└── ServerComponent
6    ├── index.content.ts
7    └── index.tsx

tsx

1// ./ClientComponent/index.content.ts
2
3import { type DeclarationContent, t } from "intlayer";
4
5const clientComponentContent = {
6  key: "client-component",
7  content: {
8    myTranslatedContent: t({
9      en: "Hello World",
10      fr: "Bonjour le monde",
11      es: "Hola Mundo",
12    }),
13  },
14} satisfies DeclarationContent;
15
16export default clientComponentContent;

tsx

1// ./ClientComponent/index.tsx
2"use client";
3
4import { useIntlayer } from "next-intlayer";
5
6export const ClientComponent = () => {
7  const { myTranslatedContent } = useIntlayer("client-component");
8
9  return <span>{myTranslatedContent}</span>;
10};

Caratteristiche Principali

Intlayer offre una varietà di funzionalità progettate per soddisfare le esigenze dello sviluppo web moderno. Di seguito sono riportate le caratteristiche chiave, con collegamenti alla documentazione dettagliata per ciascuna:

Supporto per l'internazionalizzazione: Incrementa la portata globale della tua applicazione con il supporto integrato per l'internazionalizzazione.
Editor Visivo: Migliora il tuo flusso di lavoro di sviluppo con plugin per editor progettati per Intlayer. Dai un'occhiata alla Guida all'Editor Visivo.
Flessibilità di Configurazione: Personalizza la tua configurazione con ampie opzioni dettagliate nella Guida alla Configurazione.
Strumenti CLI Avanzati: Gestisci i tuoi progetti in modo efficiente utilizzando l'interfaccia a riga di comando di Intlayer. Esplora le capacità nella Documentazione degli Strumenti CLI.
Compatibilità con i18n: Intlayer funziona senza problemi con altre librerie di internazionalizzazione. Dai un'occhiata alla Guida a i18n per ulteriori informazioni.

Piattaforme Supportate

Intlayer è progettato per funzionare senza problemi con applicazioni Next.js e React. Supporta anche Vite e Create React App.

Integrazione con Next.js: Utilizza la potenza di Next.js all'interno di Intlayer per il rendering lato server e la generazione di siti statici. I dettagli sono disponibili nella nostra Guida all'Integrazione di Next.js.
Integrazione con Vite e React: Sfrutta Vite all'interno di Intlayer per il rendering lato server e la generazione di siti statici. I dettagli sono disponibili nella nostra Guida all'Integrazione di Vite e React.
Integrazione con Create React App: Utilizza la potenza di Create React App all'interno di Intlayer per il rendering lato server e la generazione di siti statici. I dettagli sono disponibili nella nostra Guida all'Integrazione di Create React App.

Come Utilizzare Questa Documentazione

Per ottenere il massimo da questa documentazione:

Naviga alle Sezioni Rilevanti: Usa i link forniti sopra per andare direttamente alle sezioni che rispondono alle tue esigenze.
Esempi Interattivi: Dove disponibile, utilizza esempi interattivi per vedere come funzionano le funzionalità in tempo reale.
Feedback e Contributi: Il tuo feedback è prezioso. Se hai suggerimenti o correzioni, ti preghiamo di considerare di contribuire alla documentazione.

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

Collegamento GitHub alla documentazione

Come funziona Intlayer