Adaptateurs de frameworks

Next.js App Router

Utilisez pico-intl dans les composants serveur React pour un coût de bundle client nul sur le texte statique, et dans les composants client pour un changement de locale interactif.

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

Points clés

• Utilisez createServerI18n() dans les composants serveur de l'App Router.
• Utilisez @pico-intl-dev/next/proxy pour le routage de locale Next.js 16+.
• Le changement de locale côté client doit utiliser Link ou router.push().

Étape suivante

Copiez l'exemple dans un petit fixture, exécutez les commandes de validation, et conservez le comportement de route ou spécifique au framework couvert par vos tests d'application.