# gt-next: General Translation Next.js SDK: Utiliser le composant URL: https://generaltranslation.com/fr/docs/next/tutorials/examples/currency-converter/t.mdx --- title: Utiliser le composant description: Passons à la traduction ! --- ## Vue d’ensemble Il est enfin temps de traduire ! Une fois vos composants `` configurés, vous pouvez traduire votre application dans la langue de votre choix ! Concrètement, cela se résume à deux étapes : Ajouter le composant `` Ajouter le composant `` ## Ajoutez le composant `` Commencez par ajouter le composant `` à votre application. L'avantage, c'est que vous n'aurez à le faire qu'une seule fois. ```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] ); } ``` **Pourquoi avons-nous besoin du composant `` ?** Le composant `` sert à transmettre les traductions du serveur au client. Chaque fois que vous souhaitez afficher un composant `` côté client, vous devez l’encapsuler dans un ``. Vous pouvez en savoir plus sur le composant `` [ici](/docs/next/api/components/gtprovider). ## Ajoutez le composant `` Le moment que vous attendiez... Maintenant, il suffit de placer un `` au début du contenu et une balise fermante `` à la fin. N'oubliez pas d’ajouter une chaîne unique qui servira d’identifiant à la traduction. ```jsx title="src/app/page.tsx" copy import { T } from 'gt-next' // [!code highlight] ... function Page() { ... return ( // [!code highlight] ... // [!code highlight] ); } export default Page; ``` Et voilà ! Vous êtes maintenant prêt à traduire votre application !