# 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: ¡Vamos a traducir! --- ## Resumen ¡Por fin ha llegado el momento de traducir! Una vez que configures tus componentes ``, podrás traducir tu aplicación a cualquier idioma que quieras. En la práctica, esto se reduce a dos pasos: Añadir el componente `` Añadir el componente `` ## Agrega el componente `` Comienza agregando el componente `` a tu aplicación. Lo bueno es que 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. Siempre que queramos renderizar un componente `` del lado del cliente, debemos envolverlo en un ``. Puedes leer más sobre el componente `` [aquí](/docs/next/api/components/gtprovider). ## Añade el componente `` La parte que estabas esperando... Ahora solo tenemos que colocar un `` al principio del contenido y cerrar con `` al final. No olvides añadir una cadena única que actúe 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.