# gt-next: General Translation Next.js SDK: Utilizzo del componente URL: https://generaltranslation.com/it/docs/next/tutorials/examples/currency-converter/t.mdx --- title: Utilizzo del componente description: Vediamo come tradurre! --- ## Panoramica È finalmente il momento di iniziare a tradurre! Una volta configurati i componenti ``, puoi tradurre la tua app in qualsiasi lingua desideri! In pratica, il processo si riduce a due passaggi: Aggiungere il componente `` Aggiungere il componente `` ## Aggiungi il componente `` Inizia aggiungendo il componente `` alla tua app. Il vantaggio è che devi farlo solo una volta. ```jsx title="src/app/layout.tsx" copy import { GTProvider } from 'gt-next' // [!code highlight] ... export default function RootLayout({ children, }: Readonly<{ children: React.ReactNode; }>) { return ( // [!code highlight] {children} // [!code highlight] ); } ``` **Perché ci serve il componente ``?** Il componente `` si occupa di passare le traduzioni dal server al client. Ogni volta che vogliamo renderizzare un componente `` lato client, dobbiamo avvolgerlo in un ``. Puoi leggere di più sul componente `` [qui](/docs/next/api/components/gtprovider). ## Aggiungi il componente `` La parte che aspettavi... Ora non ci resta che inserire `` all'inizio del contenuto e `` di chiusura alla fine. Non dimenticare di aggiungere una stringa identificativa univoca da usare come id della traduzione. ```jsx title="src/app/page.tsx" copy import { T } from 'gt-next' // [!code highlight] ... function Page() { ... return ( // [!code highlight] ... // [!code highlight] ); } export default Page; ``` Ecco fatto! Ora sei pronto per iniziare a tradurre la tua app!