Generación de Sitios Estáticos

Visión general

Esta guía te mostrará cómo configurar tu aplicación i18n para soportar la generación de sitios estáticos.

¿Qué es la generación de sitios estáticos?

La generación de sitios estáticos (SSG) es una característica de Next.js que te permite generar páginas estáticas durante el tiempo de compilación. Esto es útil para el rendimiento y el SEO.

SSG para el router app

Requisitos

Hay algunos requisitos para habilitar la generación de sitios estáticos para tu aplicación i18n. Dependiendo de si estás utilizando el directorio app o pages, los requisitos son ligeramente diferentes.

1. Tu aplicación debe estar utilizando el router app de Next.js.
2. Tu aplicación debe soportar enrutamiento i18n (ver enrutamiento i18n)
3. Tu aplicación debe estar utilizando traducciones locales (ver traducciones locales)

Pasos

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

¡Asegúrate de haber configurado tu aplicación Next.js para usar correctamente la función getStaticParams!

¡Eso es todo! ¡Tu aplicación ahora debería soportar la generación de sitios estáticos para múltiples idiomas!

SSG para el router pages

🚧 Esta sección se encuentra actualmente en construcción. 🚧