# gt-next: General Translation Next.js SDK: GTProvider URL: https://generaltranslation.com/it/docs/next/api/components/gtprovider.mdx --- title: GTProvider description: Riferimento API del componente GTProvider --- ## Panoramica Il componente `` fornisce ai componenti figli il contesto di General Translation (GT), consentendo loro di accedere ai contenuti tradotti. È necessario per qualsiasi traduzione lato client nell'applicazione. ### Quando usarlo * Avvolgi l'intera applicazione in `` per abilitare le traduzioni lato client. * Quando lavori con i dizionari, puoi specificare facoltativamente un `id` per limitare i dati del dizionario inviati al client e ottimizzare le prestazioni con dizionari di grandi dimensioni. * Il componente `` viene usato sia per [`` inline](/docs/next/guides/t) sia per i [dizionari](/docs/next/guides/dictionaries). ## Riferimento ### Proprietà ### Descrizione | Prop | Descrizione | | ---------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | `children` | Qualsiasi componente, o il relativo componente padre, che deve tradurre o accedere alle informazioni di traduzione lato client. Devono includere tutti i componenti che usano ``, `useGT` o altre utilità di traduzione. | | `id?` | L'ID di un dizionario nidificato per limitare i dati inviati al client. È utile per progetti di grandi dimensioni con dizionari estesi. | | `locale?` | Una sovrascrittura facoltativa dell'impostazione regionale. Se fornita, verrà usata questa impostazione regionale invece di quella rilevata automaticamente. | | `region?` | Una sovrascrittura facoltativa della regione per la formattazione specifica dell'impostazione regionale. | ### Restituisce `JSX.Element|undefined` contenente gli elementi figlio passati a questo componente. ## Esempio ### Utilizzo di base Avvolgi l'applicazione in `` per fornire il contesto di traduzione all'app. ```jsx title="layout.js" copy import { GTProvider } from 'gt-next'; export default function RootLayout({ children }) { return ( // [!code highlight] {children} // [!code highlight] ); } ``` ### Utilizzo della prop id per i sottoinsiemi Specifica la prop `id` per ottimizzare le prestazioni inviando al client solo un sottoinsieme del dizionario. ```jsx title="layout.js" copy import { GTProvider } from 'gt-next'; export default function RootLayout({ children }) { return ( // [!code highlight] {children} ); } ``` *** ## Note * `` deve racchiudere tutti i componenti `` e gli altri componenti relativi alla traduzione nei componenti client. Per saperne di più, leggi [qui](/docs/next/guides/t). * Per le traduzioni lato server, `` non è obbligatorio, ma può comunque essere usato. ## Prossimi passaggi * Scopri di più sul [componente ``](/docs/next/guides/t) per tradurre testi e componenti.