---
title: Internationalization
description: Translate consent UI into 30+ languages with built-in translations, custom overrides, and automatic browser language detection.
---
## Basic Configuration
Pass custom translations via the `i18n` option:
```tsx
import { type ReactNode } from 'react';
import { ConsentManagerProvider } from '@c15t/nextjs';
export default function ConsentManager({ children }: { children: ReactNode }) {
return (
{children}
);
}
```
Custom translations are deep-merged with built-in defaults - you only need to override the keys you want to change.
## Reading Translations
Use the `useTranslations()` hook to access the current language's translations:
```tsx
import { useTranslations } from '@c15t/nextjs';
function CustomBanner() {
const translations = useTranslations();
return (
{translations.cookieBanner.title}
{translations.cookieBanner.description}
);
}
```
## Changing Language
Switch the active language at runtime with `setLanguage()`:
```tsx
import { useConsentManager } from '@c15t/nextjs';
function LanguageSwitcher() {
const { setLanguage } = useConsentManager();
return (
);
}
```
`setLanguage()` re-fetches the consent banner to get server-resolved translations for the new language.