Voici un exemple d'application créée avec General Translation pour illustrer la génération de sites statiques avec i18n. Il ne s'agit pas d'un vrai blog.

Génération de site statique

Chaque page de ce site est pré-rendue au moment du build pour chaque locale prise en charge via generateStaticParams. Aucune récupération de traduction à l'exécution, aucun état de chargement -- juste du HTML entièrement traduit, servi instantanément depuis l'edge.

Comment ça marche

Ce site utilise generateStaticParams pour énumérer chaque combinaison de locale et de slug de page au moment de la compilation. Next.js pré-rend ensuite chaque combinaison dans un fichier HTML statique.

Les traductions sont générées en amont avec le GT CLI et intégrées sous forme de fichiers JSON. Au moment de la compilation, chaque locale charge ses traductions et produit un HTML entièrement traduit. Le résultat est un site où chaque page dans chaque langue est un fichier statique, prêt à être servi instantanément depuis un CDN.

Combiné avec generateMetadata, chaque chemin de locale bénéficie également de titres de pages, de descriptions et de balises Open Graph traduits pour un référencement multilingue optimal.