# 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 componentes hijos, lo que les permite acceder a contenido traducido. Es obligatorio para cualquier traducción del lado del cliente en la aplicación. ### Cuándo usarlo * Envuelve toda la aplicación en `` para habilitar las traducciones en el cliente. * Al trabajar con diccionarios, puedes especificar opcionalmente un `id` para limitar los datos del diccionario que se envían al cliente y optimizar 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 padre de cualquier componente, que necesite traducir o acceder a información de traducción en el cliente. Debe incluir cualquier componente que use ``, `useGT` u otras utilidades de traducción. | | `id?` | El ID de un diccionario anidado para limitar los datos que se envían al cliente. Esto resulta útil en proyectos grandes con diccionarios extensos. | | `locale?` | Una anulación opcional de la configuración regional. Si se proporciona, se usará esta configuración regional en lugar de la detectada automáticamente. | | `region?` | Una anulación opcional de la región para el formato específico de la configuración regional. | ### Devuelve `JSX.Element|undefined` que contiene los hijos pasados a este componente. ## Ejemplo ### Uso básico Envuelve tu aplicación con `` 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 al cliente solo un subconjunto del diccionario. ```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 componentes de cliente. Lee más al respecto [aquí](/docs/next/guides/t). * Para las traducciones del lado del servidor, `` no es obligatorio, pero puede seguir utilizándose. ## Próximos pasos * Más información sobre el componente [``](/docs/next/guides/t) para traducir texto y componentes.