Statische Website-Generierung

Überblick

Diese Anleitung zeigt Ihnen, wie Sie Ihre i18n-App einrichten, um statische Seitengenerierung zu unterstützen.

Was ist statische Seitengenerierung?

Statische Seitengenerierung (SSG) ist eine Funktion von Next.js, die es Ihnen ermöglicht, statische Seiten zur Build-Zeit zu generieren. Dies ist nützlich für Leistung und SEO.

SSG für den app Router

Anforderungen

Es gibt einige Anforderungen, um die statische Seitengenerierung für Ihre i18n-App zu aktivieren. Je nachdem, ob Sie das app- oder pages-Verzeichnis verwenden, sind die Anforderungen leicht unterschiedlich.

1. Ihre App muss den Next.js App Router verwenden.
2. Ihre App muss i18n-Routing unterstützen (siehe i18n-Routing)
3. Ihre App muss lokale Übersetzungen verwenden (siehe lokale Übersetzungen)

Schritte

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';

Stellen Sie sicher, dass Sie Ihre Next.js-App korrekt für die Verwendung der getStaticParams-Funktion konfiguriert haben!

Das war's! Ihre App sollte jetzt die statische Seitengenerierung für mehrere Sprachen unterstützen!

SSG für den pages Router

🚧 Dieser Abschnitt befindet sich derzeit im Aufbau. 🚧