Adaptadores de Framework

Next.js App Router

Usa pico-intl en React Server Components con coste cero en el bundle del cliente para texto estático, y en Client Components para cambio de locale interactivo.

import { createServerI18n } from '@pico-intl-dev/next';

export const { getT, resolveLocale } = createServerI18n({
  base: 'en',
  supported: ['en', 'es'],
  loadMessages: async (locale) => (await import(`../locales/${locale}.json`)).default,
});

Puntos clave

• Usa createServerI18n() en Server Components de App Router.
• Usa @pico-intl-dev/next/proxy para routing de locale en Next.js 16+.
• El cambio de locale del cliente debe usar Link o router.push(); useLocale() expone locale, dir e isRTL.

Próximo paso

Copia el ejemplo en un fixture chico, corre los comandos de validacion y cubri routing, hidratacion o SSR especificos del framework con tests de tu app.