Adaptadores de framework

Next.js App Router

Use pico-intl em Componentes de Servidor React para custo zero de bundle no cliente em texto estático, e em Componentes de Cliente para troca interativa de locale.

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,
});

Pontos chave

• Use createServerI18n() em Componentes de Servidor do App Router.
• Use @pico-intl-dev/next/proxy para roteamento de locale Next.js 16+.
• A troca de locale no cliente deve usar Link ou router.push().

Próximo passo

Copie o exemplo para um pequeno fixture, execute os comandos de validação e mantenha o comportamento de rota ou específico do framework coberto pelos testes da sua aplicação.