# gt-next: General Translation Next.js SDK: GTProvider URL: https://generaltranslation.com/es/docs/next/api/components/gtprovider.mdx --- title: GTProvider description: Referencia de la API del componente GTProvider --- ## Resumen El componente `` proporciona el contexto de General Translation (GT) a sus elementos hijo, lo que les permite acceder a contenido traducido. Se requiere para cualquier traducción del lado del cliente en tu aplicación. ### Cuándo usarlo * Envuelve toda tu aplicación en `` para habilitar las traducciones del lado del cliente. * Al trabajar con diccionarios, puedes especificar opcionalmente un `id` para limitar los datos del diccionario que se envían al cliente, lo que optimiza el rendimiento cuando los diccionarios son grandes. * El componente `` se usa tanto para [`` en línea](/docs/next/guides/t) como para [diccionarios](/docs/next/guides/dictionaries). ## Referencia ### Props ### Descripción | Prop | Descripción | | ---------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | | `children` | Cualquier componente, o los componentes superiores de cualquier componente, que necesite traducir o acceder a información de traducción del lado del cliente. Deben incluirse todos los componentes que usen ``, `useGT` u otras utilidades de traducción. | | `id?` | El ID de un diccionario anidado para limitar los datos enviados al cliente. Esto resulta útil en proyectos grandes con diccionarios extensos. | ### Devuelve `JSX.Element|undefined` que contiene los elementos hijo que se pasaron a este componente. ## Ejemplo ### Uso básico Envuelve tu aplicación en `` para proporcionar el contexto de traducción a tu aplicación. ```jsx title="layout.js" copy import { GTProvider } from 'gt-next'; export default function RootLayout({ children }) { return ( // [!code highlight] {children} // [!code highlight] ); } ``` ### Uso de la prop `id` para subconjuntos Especifica la prop `id` para optimizar el rendimiento enviando solo un subconjunto del diccionario al cliente. ```jsx title="layout.js" copy import { GTProvider } from 'gt-next'; export default function RootLayout({ children }) { return ( // [!code highlight] {children} ); } ``` *** ## Notas * `` debe envolver todos los componentes `` y otros componentes relacionados con la traducción en los componentes cliente. Puede leer más [aquí](/docs/next/guides/t). * Para las traducciones del lado del servidor, no se requiere ``, pero aun así puede usarse. ## Próximos pasos * obtener más información sobre el [componente ``](/docs/next/guides/t) para traducir texto y componentes.