Génération de Site Statique

Aperçu

Ce guide vous montrera comment configurer votre application i18n pour prendre en charge la génération de site statique.

Qu'est-ce que la génération de site statique ?

La génération de site statique (SSG) est une fonctionnalité de Next.js qui vous permet de générer des pages statiques au moment de la compilation. Cela est utile pour les performances et le référencement.

SSG pour le routeur app

Prérequis

Il y a quelques prérequis pour activer la génération de site statique pour votre application i18n. Selon que vous utilisez le répertoire app ou pages, les prérequis sont légèrement différents.

1. Votre application doit utiliser le routeur app de Next.js.
2. Votre application doit prendre en charge le routage i18n (voir routage i18n)
3. Votre application doit utiliser des traductions locales (voir traductions locales)

Étapes

import { GTProvider } from 'gt-next';

import { loadTranslations } from '@/i18n/loadTranslations';
import { GTProvider } from 'gt-next';
 
export default async function RootLayout({
  children,
  params,
}: {
  children: React.ReactNode;
  params: Promise<{ locale: string }>;
}) {
  const { locale } = await params;
  return (
    <GTProvider loadTranslations={loadTranslations} locale={locale}>
      {children}
    </GTProvider>
  )
}

import { useGT } from 'gt-next/client';
import { T } from 'gt-next/client';

Assurez-vous d'avoir configuré correctement votre application Next.js pour utiliser la fonction getStaticParams !

C'est tout ! Votre application devrait maintenant prendre en charge la génération de site statique pour plusieurs langues !

SSG pour le routeur pages

🚧 Cette section est actuellement en construction. 🚧