# gt-next: General Translation Next.js SDK: Uso del componente URL: https://generaltranslation.com/es/docs/next/tutorials/examples/currency-converter/t.mdx --- title: Uso del componente description: ¡Traduzcamos algo! --- ## Resumen ¡Por fin ha llegado la hora de traducir! Una vez que configures tus componentes ``, podrás traducir tu aplicación a cualquier idioma que quieras. En realidad, esto se reduce a dos pasos: Agregar el componente `` Agregar el componente `` ## Agregar el componente `` Empieza por agregar el componente `` a tu aplicación. Lo bueno es que esto solo tienes que hacerlo una vez. ```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] ); } ``` **¿Por qué necesitamos el componente ``?** `` se encarga de pasar las traducciones del servidor al cliente. Cada vez que queramos renderizar un componente `` en el cliente, debemos envolverlo en un ``. Puedes leer más sobre el componente `` [aquí](/docs/next/api/components/gtprovider). ## Agregar el componente `` La parte que estabas esperando... Ahora lo único que tenemos que hacer es colocar un `` al principio del contenido y cerrar con `` al final. No olvides añadir una cadena única que sirva como id de la traducción. ```jsx title="src/app/page.tsx" copy import { T } from 'gt-next' // [!code highlight] ... function Page() { ... return ( // [!code highlight] ... // [!code highlight] ); } export default Page; ``` ¡Y eso es todo! ¡Ya puedes empezar a traducir tu aplicación!