@intlayer/docs 6.0.2-canary.0 → 6.1.0

package/docs/it/packages/intlayer/index.md

@@ -1,500 +0,0 @@
----
-createdAt: 2024-08-11
-updatedAt: 2025-06-29
-title: Documentazione del Pacchetto | intlayer
-description: Scopri come utilizzare il pacchetto intlayer
-keywords:
-  - Intlayer
-  - intlayer
-  - Internazionalizzazione
-  - Documentazione
-  - Next.js
-  - JavaScript
-  - React
-slugs:
-  - doc
-  - packages
-  - intlayer
----
-
-# intlayer: Pacchetto NPM per Gestire Dizionari Multilingue (i18n)
-
-**Intlayer** è una suite di pacchetti progettata specificamente per sviluppatori JavaScript. È compatibile con framework come React, Next.js ed Express.js.
-
-**Il pacchetto `intlayer`** ti permette di dichiarare il tuo contenuto ovunque nel tuo codice. Converte le dichiarazioni di contenuti multilingue in dizionari strutturati che si integrano perfettamente nella tua applicazione. Con TypeScript, **Intlayer** migliora il tuo sviluppo fornendo strumenti più potenti ed efficienti.
-
-## Perché integrare 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**: Usa TypeScript per garantire che tutte le definizioni dei tuoi contenuti siano precise e prive di errori.
-- **File di contenuto integrati**: Mantieni le tue traduzioni vicine ai rispettivi componenti, migliorando la manutenibilità e la chiarezza.
-
-## Installazione
-
-Installa il pacchetto necessario utilizzando il gestore di pacchetti che preferisci:
-
-```bash packageManager="npm"
-npm install intlayer
-```
-
-```bash packageManager="pnpm"
-pnpm add intlayer
-```
-
-```bash packageManager="yarn"
-yarn add intlayer
-```
-
-### Configura Intlayer
-
-Intlayer fornisce un file di configurazione per impostare il tuo progetto. Posiziona questo file nella radice del tuo progetto.
-
-```typescript fileName="intlayer.config.ts" codeFormat="typescript"
-import { Locales, type IntlayerConfig } from "intlayer";
-
-const config: IntlayerConfig = {
-  internationalization: {
-    locales: [Locales.ENGLISH, Locales.FRENCH, Locales.SPANISH],
-    defaultLocale: Locales.ENGLISH,
-  },
-};
-
-export default config;
-```
-
-```javascript fileName="intlayer.config.mjs" codeFormat="esm"
-import { Locales } from "intlayer";
-
-javascript fileName="intlayer.config.mjs" codeFormat="esm"
-/** @type {import('intlayer').IntlayerConfig} */
-const config = {
-  internationalization: {
-    locales: [Locales.ENGLISH, Locales.FRENCH, Locales.SPANISH], // lingue supportate
-    defaultLocale: Locales.ENGLISH, // lingua predefinita
-  },
-};
-
-export default config;
-```
-
-```javascript fileName="intlayer.config.cjs" codeFormat="commonjs"
-const { Locales } = require("intlayer");
-
-/** @type {import('intlayer').IntlayerConfig} */
-const config = {
-  internationalization: {
-    locales: [Locales.ENGLISH, Locales.FRENCH, Locales.SPANISH], // lingue supportate
-    defaultLocale: Locales.ENGLISH, // lingua predefinita
-  },
-};
-
-module.exports = config;
-```
-
-> Per un elenco completo dei parametri disponibili, consulta la [documentazione di configurazione](https://github.com/aymericzip/intlayer/blob/main/docs/docs/it/configuration.md).
-
-## Esempio di utilizzo
-
-Con Intlayer, puoi dichiarare i tuoi contenuti in modo strutturato ovunque nel tuo codice.
-
-Per impostazione predefinita, Intlayer esegue la scansione dei file con estensione `.content.{json,ts,tsx,js,jsx,mjs,mjx,cjs,cjx}`.
-
-> Puoi modificare l'estensione predefinita impostando la proprietà `contentDir` nel [file di configurazione](https://github.com/aymericzip/intlayer/blob/main/docs/docs/it/configuration.md).
-
-```bash codeFormat="typescript"
-.
-├── intlayer.config.ts
-└── src
-    ├── ClientComponent
-    │   ├── index.content.ts
-    │   └── index.tsx
-    └── ServerComponent
-        ├── index.content.ts
-        └── index.tsx
-```
-
-```bash codeFormat="esm"
-.
-├── intlayer.config.mjs
-└── src
-    ├── ClientComponent
-    │   ├── index.content.mjs
-    │   └── index.mjx
-    └── ServerComponent
-        ├── index.content.mjs
-        └── index.mjx
-```
-
-```bash codeFormat="commonjs"
-.
-├── intlayer.config.cjs
-└── src
-    ├── ClientComponent
-    │   ├── index.content.cjs
-    │   └── index.cjx
-    └── ServerComponent
-        ├── index.content.cjs
-        └── index.cjx
-```
-
-### Dichiara i tuoi contenuti
-
-Ecco un esempio di dichiarazione dei contenuti:
-
-```tsx fileName="src/ClientComponent/index.content.ts" codeFormat="typescript"
-import { t, type Dictionary } from "intlayer";
-
-const clientComponentContent = {
-  key: "client-component",
-  content: {
-    myTranslatedContent: t({
-      en: "Hello World",
-      es: "Hola Mundo",
-      fr: "Bonjour le monde",
-    }),
-    numberOfCar: enu({
-      "<-1": "Less than minus one car",
-      "-1": "Minus one car",
-      "0": "No cars",
-      "1": "One car",
-      ">5": "Some cars",
-      ">19": "Molte auto",
-    }),
-  },
-} satisfies Dictionary;
-
-export default clientComponentContent;
-```
-
-```jsx fileName="src/ClientComponent/index.content.mjs" contentDeclarationFormat="esm"
-import { t } from "intlayer";
-
-/** @type {import('intlayer').Dictionary} */
-const clientComponentContent = {
-  key: "client-component",
-  content: {
-    myTranslatedContent: t({
-      en: "Hello World",
-      es: "Hola Mundo",
-      fr: "Bonjour le monde",
-    }),
-    numberOfCar: enu({
-      "<-1": "Meno di meno una macchina",
-      "-1": "Meno una macchina",
-      "0": "Nessuna macchina",
-      "1": "Una macchina",
-      ">5": "Alcune macchine",
-      ">19": "Molte macchine",
-    }),
-  },
-};
-
-export default clientComponentContent;
-```
-
-```jsx fileName="src/ClientComponent/index.content.cjs" contentDeclarationFormat="commonjs"
-const { t } = require("intlayer");
-
-/** @type {import('intlayer').Dictionary} */
-const clientComponentContent = {
-  key: "client-component",
-  content: {
-    myTranslatedContent: t({
-      en: "Hello World",
-      es: "Hola Mundo",
-      fr: "Bonjour le monde",
-    }),
-    numberOfCar: enu({
-      "<-1": "Meno di meno una macchina", // Meno di meno una macchina
-      "-1": "Meno una macchina", // Meno una macchina
-      "0": "Nessuna macchina", // Nessuna macchina
-      "1": "Una macchina", // Una macchina
-      ">5": "Alcune macchine", // Alcune macchine
-      ">19": "Molte macchine", // Molte macchine
-    }),
-  },
-};
-
-module.exports = clientComponentContent;
-```
-
-```json fileName="src/ClientComponent/index.content.json" codeFormat="json"
-{
-  "key": "client-component",
-  "content": {
-    "myTranslatedContent": {
-      "nodeType": "translation",
-      "translation": {
-        "en": "Hello World",
-        "fr": "Bonjour le monde",
-        "es": "Hola Mundo"
-      }
-    },
-    "numberOfCar": {
-      "nodeType": "enumeration",
-      "enumeration": {
-        "<-1": "Meno di meno una macchina",
-        "-1": "Meno una macchina",
-        "0": "Nessuna macchina",
-        "1": "Una macchina",
-        ">5": "Alcune macchine",
-        ">19": "Molte macchine"
-      }
-    }
-  }
-}
-```
-
-### Costruisci i tuoi dizionari
-
-Puoi costruire i tuoi dizionari usando il [intlayer-cli](https://github.com/aymericzip/intlayer/blob/main/packages/intlayer-cli/readme.md).
-
-```bash packageManager="npm"
-npx intlayer dictionaries build
-```
-
-```bash packageManager="yarn"
-yarn intlayer build
-```
-
-```bash packageManager="pnpm"
-pnpm intlayer build
-```
-
-Questo comando esegue la scansione di tutti i file `*.content.*`, li compila e scrive i risultati nella directory specificata nel tuo **`intlayer.config.ts`** (di default, `./.intlayer`).
-
-Un output tipico potrebbe apparire così:
-
-```bash
-.
-└── .intlayer
-    ├── dictionary  # Contiene il dizionario del tuo contenuto
-    │   ├── client-component.json
-    │   └── server-component.json
-    ├── main  # Contiene il punto di ingresso del tuo dizionario da utilizzare nella tua applicazione
-    │   ├── dictionary.cjs
-    │   └── dictionary.mjs
-    └── types  # Contiene le definizioni di tipo generate automaticamente per il tuo dizionario
-        ├── intlayer.d.ts  # Contiene le definizioni di tipo generate automaticamente per Intlayer
-        ├── client-component.d.ts
-        └── server-component.d.ts
-```
-
-### Costruire le risorse i18next
-
-Intlayer può essere configurato per creare dizionari per [i18next](https://www.i18next.com/). Per farlo, è necessario aggiungere la seguente configurazione al file `intlayer.config.ts`:
-
-```typescript fileName="intlayer.config.ts" codeFormat="typescript"
-import { Locales, type IntlayerConfig } from "intlayer";
-
-const config: IntlayerConfig = {
-  /* ... */
-  content: {
-    // Indica a Intlayer di generare i file dei messaggi per i18next
-    dictionaryOutput: ["i18next"],
-
-    // La directory in cui Intlayer scriverà i file JSON dei messaggi
-    i18nextResourcesDir: "./i18next/resources",
-  },
-};
-```
-
-```typescript fileName="intlayer.config.mjs" codeFormat="esm"
-import { Locales } from "intlayer";
-
-/** @type {import('intlayer').IntlayerConfig} */
-const config = {
-  /* ... */
-  content: {
-    // Dice a Intlayer di generare file di messaggi per i18next
-    dictionaryOutput: ["i18next"],
-
-    // La directory in cui Intlayer scriverà i file JSON dei messaggi
-    i18nextResourcesDir: "./i18next/resources",
-  },
-};
-
-export default config;
-```
-
-```javascript fileName="intlayer.config.cjs" codeFormat="commonjs"
-const { Locales } = require("intlayer");
-
-/** @type {import('intlayer').IntlayerConfig} */
-const config = {
-  /* ... */
-  content: {
-    // Dice a Intlayer di generare file di messaggi per i18next
-    dictionaryOutput: ["i18next"],
-
-    // La directory in cui Intlayer scriverà i file JSON dei messaggi
-    i18nextResourcesDir: "./i18next/resources",
-  },
-};
-
-module.exports = config;
-```
-
-> Per un elenco completo dei parametri disponibili, fare riferimento alla [documentazione di configurazione](https://github.com/aymericzip/intlayer/blob/main/docs/docs/it/configuration.md).
-
-Output:
-
-```bash
-.
-└── i18next
-    └── resources
-        ├── en
-        │   ├── client-component.json
-        │   └── server-component.json
-        ├── es
-        │   ├── client-component.json
-        │   └── server-component.json
-        └── fr
-            ├── client-component.json
-            └── server-component.json
-```
-
-Ad esempio, il file **en/client-component.json** potrebbe apparire così:
-
-```json fileName="intlayer/dictionary/en/client-component.json"
-{
-  "myTranslatedContent": "Hello World",
-  "zero_numberOfCar": "No cars",
-  "one_numberOfCar": "One car",
-  "two_numberOfCar": "Two cars",
-  "other_numberOfCar": "Alcune auto"
-}
-```
-
-### Costruire dizionari next-intl
-
-Intlayer può essere configurato per costruire dizionari per [i18next](https://www.i18next.com/) o [next-intl](https://github.com/formatjs/react-intl/tree/main/packages/next-intl). Per questo è necessario aggiungere la seguente configurazione nel file `intlayer.config.ts`:
-
-```typescript fileName="intlayer.config.ts" codeFormat="typescript"
-import { Locales, type IntlayerConfig } from "intlayer";
-
-const config: IntlayerConfig = {
-  /* ... */
-  content: {
-    // Indica a Intlayer di generare file di messaggi per i18next
-    dictionaryOutput: ["next-intl"],
-
-    // La directory in cui Intlayer scriverà i file JSON dei messaggi
-    nextIntlMessagesDir: "./i18next/messages",
-  },
-};
-```
-
-```typescript fileName="intlayer.config.mjs" codeFormat="esm"
-import { Locales } from "intlayer";
-
-/** @type {import('intlayer').IntlayerConfig} */
-const config = {
-  /* ... */
-  content: {
-    // Dice a Intlayer di generare file di messaggi per i18next
-    dictionaryOutput: ["next-intl"],
-
-    // La directory in cui Intlayer scriverà i file JSON dei messaggi
-    nextIntlMessagesDir: "./i18next/messages",
-  },
-};
-
-export default config;
-```
-
-```javascript fileName="intlayer.config.cjs" codeFormat="commonjs"
-const { Locales } = require("intlayer");
-
-/** @type {import('intlayer').IntlayerConfig} */
-const config = {
-  /* ... */
-  content: {
-    // Dice a Intlayer di generare file di messaggi per i18next
-    dictionaryOutput: ["next-intl"],
-
-    // La directory in cui Intlayer scriverà i file JSON dei messaggi
-    nextIntlMessagesDir: "./intl/messages",
-  },
-};
-
-module.exports = config;
-```
-
-> Per un elenco completo dei parametri disponibili, fare riferimento alla [documentazione di configurazione](https://github.com/aymericzip/intlayer/blob/main/docs/docs/it/configuration.md).
-
-Output:
-
-```bash
-.
-└── intl
-    └── messages
-        ├── en
-        │   ├── client-component.json
-        │   └── server-component.json
-        ├── es
-        │   ├── client-component.json
-        │   └── server-component.json
-        └── fr
-            ├── client-component.json
-            └── server-component.json
-```
-
-Ad esempio, il file **en/client-component.json** potrebbe essere simile a:
-
-```json fileName="intlayer/dictionary/en/client-component.json"
-{
-  "myTranslatedContent": "Ciao Mondo",
-  "zero_numberOfCar": "Nessuna macchina",
-  "one_numberOfCar": "Una macchina",
-  "two_numberOfCar": "Due macchine",
-  "other_numberOfCar": "Alcune macchine"
-}
-```
-
-## Strumenti CLI
-
-Intlayer fornisce uno strumento CLI per:
-
-- verificare le tue dichiarazioni di contenuto e completare le traduzioni mancanti
-- costruire dizionari dalle tue dichiarazioni di contenuto
-- inviare e recuperare dizionari remoti dal tuo CMS al progetto locale
-
-Consulta [intlayer-cli](https://github.com/aymericzip/intlayer/blob/main/docs/docs/it/intlayer_cli.md) per maggiori informazioni.
-
-## Usare Intlayer nella tua applicazione
-
-Una volta dichiarato il tuo contenuto, puoi utilizzare i dizionari Intlayer nella tua applicazione.
-
-Intlayer è disponibile come pacchetto per la tua applicazione.
-
-### Applicazione React
-
-Per usare Intlayer nella tua applicazione React, puoi utilizzare [react-intlayer](https://github.com/aymericzip/intlayer/blob/main/docs/docs/it/packages/react-intlayer/index.md).
-
-### Applicazione Next.js
-
-Per usare Intlayer nella tua applicazione Next.js, puoi utilizzare [next-intlayer](https://github.com/aymericzip/intlayer/blob/main/docs/docs/it/packages/next-intlayer/index.md).
-
-### Applicazione Express
-
-Per usare Intlayer nella tua applicazione Express, puoi utilizzare [express-intlayer](https://github.com/aymericzip/intlayer/blob/main/docs/docs/it/packages/express-intlayer/index.md).
-
-## Funzioni fornite dal pacchetto `intlayer`
-
-Il pacchetto `intlayer` fornisce anche alcune funzioni per aiutarti a internazionalizzare la tua applicazione.
-
-- [`getConfiguration()`](https://github.com/aymericzip/intlayer/blob/main/docs/docs/it/packages/intlayer/getConfiguration.md)
-- [`getTranslation()`](https://github.com/aymericzip/intlayer/blob/main/docs/docs/it/packages/intlayer/getTranslation.md)
-- [`getEnumeration()`](https://github.com/aymericzip/intlayer/blob/main/docs/docs/it/packages/intlayer/getEnumeration.md)
-- [`getLocaleName()`](https://github.com/aymericzip/intlayer/blob/main/docs/docs/it/packages/intlayer/getLocaleName.md)
-- [`getLocaleLang()`](https://github.com/aymericzip/intlayer/blob/main/docs/docs/it/packages/intlayer/getLocaleLang.md)
-- [`getHTMLTextDir()`](https://github.com/aymericzip/intlayer/blob/main/docs/docs/it/packages/intlayer/getHTMLTextDir.md)
-- [`getPathWithoutLocale()`](https://github.com/aymericzip/intlayer/blob/main/docs/docs/it/packages/intlayer/getPathWithoutLocale.md)
-- [`getMultilingualUrls()`](https://github.com/aymericzip/intlayer/blob/main/docs/docs/it/packages/intlayer/getMultilingualUrls.md)
-- [`getLocalizedUrl()`](https://github.com/aymericzip/intlayer/blob/main/docs/docs/it/packages/intlayer/getLocalizedUrl.md)
-- [`getPathWithoutLocale()`](https://github.com/aymericzip/intlayer/blob/main/docs/docs/it/packages/intlayer/getPathWithoutLocale.md)
-
-## Cronologia della documentazione
-
-- 5.5.10 - 2025-06-29: Inizializzazione della cronologia

package/docs/it/packages/intlayer-cli/index.md

@@ -1,65 +0,0 @@
----
-createdAt: 2025-02-07
-updatedAt: 2025-06-29
-title: intlayer-cli - Strumento da Linea di Comando per l'Internazionalizzazione
-description: Pacchetto interfaccia a linea di comando per Intlayer che fornisce strumenti per gestire traduzioni, costruire dizionari e automatizzare i flussi di lavoro di internazionalizzazione.
-keywords:
-  - intlayer
-  - CLI
-  - linea di comando
-  - internazionalizzazione
-  - i18n
-  - strumenti
-  - NPM
-  - automazione
-slugs:
-  - doc
-  - package
-  - intlayer-cli
----
-
-# intlayer-cli: Pacchetto NPM per usare la CLI di Intlayer
-
-**Intlayer** è una suite di pacchetti progettata specificamente per sviluppatori JavaScript. È compatibile con framework come React, React e Express.js.
-
-Il pacchetto **`intlayer-cli`** è un pacchetto NPM che utilizza il pacchetto `@intlayer/cli` e lo rende disponibile alle interfacce a linea di comando `intlayer`.
-
-> Nota che questo pacchetto non è necessario se è installato il pacchetto [`intlayer`](https://github.com/aymericzip/intlayer/tree/main/docs/it/packages/intlayer/index.md). Rispetto al pacchetto `intlayer`, il pacchetto `intlayer-cli` è un pacchetto più leggero che contiene solo lo strumento CLI, senza dipendenze da `@intlayer/core`.
-
-## Installazione
-
-Installa il pacchetto necessario usando il tuo gestore di pacchetti preferito:
-
-```bash packageManager="npm"
-npm install intlayer-cli -g
-```
-
-```bash packageManager="pnpm"
-pnpm add intlayer-cli -g
-```
-
-```bash packageManager="yarn"
-yarn add intlayer-cli -g
-```
-
-## Utilizzo
-
-Ecco un esempio di come utilizzare il pacchetto `intlayer-cli`:
-
-```bash
-npx intlayer dictionaries build
-```
-
-## Comandi CLI
-
-Intlayer fornisce uno strumento CLI per:
-
-- verificare le tue dichiarazioni di contenuto e completare le traduzioni mancanti
-- costruire dizionari dalle tue dichiarazioni di contenuto
-- inviare e ricevere dizionari remoti dal tuo CMS al progetto locale
-
-Consulta [intlayer-cli](https://github.com/aymericzip/intlayer/blob/main/docs/docs/it/intlayer_cli.md) per maggiori informazioni.
-
-## Cronologia della documentazione
-
-- 5.5.10 - 2025-06-29: Inizio cronologia

package/docs/it/packages/intlayer-editor/index.md

@@ -1,139 +0,0 @@
----
-createdAt: 2025-02-07
-updatedAt: 2025-06-29
-title: intlayer-editor - Pacchetto Editor di Traduzione Visivo
-description: Pacchetto editor visivo per Intlayer che fornisce un'interfaccia intuitiva per gestire traduzioni e modifica collaborativa dei contenuti con assistenza AI.
-keywords:
-  - intlayer
-  - editor
-  - visivo
-  - traduzione
-  - collaborativo
-  - AI
-  - NPM
-  - interfaccia
-slugs:
-  - doc
-  - package
-  - intlayer-editor
----
-
-# intlayer-editor: Pacchetto NPM per usare l'editor visivo di Intlayer
-
-**Intlayer** è una suite di pacchetti progettata specificamente per sviluppatori JavaScript. È compatibile con framework come React, React e Express.js.
-
-Il pacchetto **`intlayer-editor`** è un pacchetto NPM che integra l'editor visivo di Intlayer nel tuo progetto React.
-
-## Come Funziona l'Editor Intlayer
-
-L'editor intlayer permette di interagire con il dizionario remoto di Intlayer. Può essere installato sul lato client e trasformare la tua applicazione in un editor simile a un CMS per gestire i contenuti del tuo sito in tutte le lingue configurate.
-
-![Interfaccia dell'Editor Intlayer](https://github.com/aymericzip/intlayer/blob/main/docs/assets/intlayer_editor_ui.png)
-
-## Installazione
-
-Installa il pacchetto necessario utilizzando il tuo gestore di pacchetti preferito:
-
-```bash packageManager="npm"
-npm install intlayer-editor
-```
-
-```bash packageManager="pnpm"
-pnpm add intlayer-editor
-```
-
-```bash packageManager="yarn"
-yarn add intlayer-editor
-```
-
-### Configurazione
-
-Nel tuo file di configurazione Intlayer, puoi personalizzare le impostazioni dell'editor:
-
-```typescript
-const config: IntlayerConfig = {
-  // ... altre impostazioni di configurazione
-  editor: {
-    enabled: process.env.INTLAYER_ENABLED === "true", // Se false, l'editor è inattivo e non può essere accessibile.
-    // Client ID e client secret sono necessari per abilitare l'editor.
-    // Permettono di identificare l'utente che sta modificando il contenuto.
-    // Possono essere ottenuti creando un nuovo client nel Dashboard di Intlayer - Progetti (https://intlayer.org/dashboard/projects).
-    clientId: process.env.INTLAYER_CLIENT_ID,
-    clientSecret: process.env.INTLAYER_CLIENT_SECRET,
-  },
-};
-```
-
-> Se non hai un client ID e un client secret, puoi ottenerli creando un nuovo client nel [Dashboard di Intlayer - Progetti](https://intlayer.org/dashboard/projects).
-
-> Per vedere tutti i parametri disponibili, consulta la [documentazione di configurazione](https://github.com/aymericzip/intlayer/blob/main/docs/docs/it/configuration.md)
-
-Il pacchetto `intlayer-editor` si basa su Intlayer ed è disponibile per applicazioni JavaScript, come React (Create React App), Vite + React e Next.js.
-
-Per maggiori dettagli su come installare il pacchetto, consulta la sezione pertinente qui sotto:
-
-### Integrazione con Next.js
-
-Per l'integrazione con Next.js, consulta la [guida all'installazione](https://github.com/aymericzip/intlayer/blob/main/docs/docs/it/intlayer_with_nextjs_15.md).
-
-### Integrazione con Create React App
-
-Per l'integrazione con Create React App, consulta la [guida all'installazione](https://github.com/aymericzip/intlayer/blob/main/docs/docs/it/intlayer_with_create_react_app.md)
-
-### Integrazione con Vite + React
-
-Per l'integrazione con Vite + React, consulta la [guida all'installazione](https://github.com/aymericzip/intlayer/blob/main/docs/docs/it/intlayer_with_vite+react.md)
-
-### Esempio di integrazione
-
-Per integrare l'editor visuale Intlayer nel tuo progetto React, segui questi passaggi:
-
-- Importa il componente editor di Intlayer nella tua applicazione React:
-
-  ```tsx fileName="src/App.jsx"
-  import { IntlayerEditorProvider } from "intlayer-editor";
-  import { IntlayerProvider } from "react-intlayer";
-
-  export default function App() {
-    return (
-      <IntlayerProvider>
-        <IntlayerEditorProvider>
-          <IntlayerEditor>
-            {/* Il contenuto della tua App qui */}
-          </IntlayerEditor>
-        </IntlayerEditorProvider>
-      </IntlayerProvider>
-    );
-  }
-  ```
-
-- Importa gli stili dell'editor Intlayer nella tua applicazione Next.js:
-
-  ```tsx fileName="src/app/[locale]/layout.jsx"
-  import { IntlayerEditorStyles } from "intlayer-editor";
-
-  export default async function RootLayout({ children, params }) {
-    const { locale } = await params;
-    return (
-      <IntlayerClientProvider locale={locale}>
-        <IntlayerEditorProvider>
-          <html lang={locale}>
-            <body className={IntlayerEditorStyles}>{children}</body>
-          </html>
-        </IntlayerEditorProvider>
-      </IntlayerClientProvider>
-    );
-  }
-  ```
-
-## Uso dell'Editor
-
-Quando l'editor è installato, abilitato e avviato, puoi visualizzare ogni campo indicizzato da Intlayer passando il cursore sopra il tuo contenuto.
-
-![Passare il cursore sul contenuto](https://github.com/aymericzip/intlayer/blob/main/docs/assets/intlayer_editor_hover_content.png)
-
-Se il tuo contenuto è evidenziato, puoi premere a lungo per visualizzare il pannello di modifica.
-
-## Cronologia del Documento
-
-- 5.5.10 - 2025-06-29: Inizializzazione della cronologia