# General Translation React SDKs (gt-react, gt-next): Статическая генерация сайта для Pages Router
URL: https://generaltranslation.com/ru/docs/react/nextjs/pages-router-static-site-generation.mdx
---

title: Статическая генерация сайта для Pages Router
description: Как заранее рендерить локализованные страницы Next.js Pages Router с помощью General Translation.
related:
  links:
    - /docs/react/nextjs-pages-router-quickstart
    - /docs/react/nextjs/pages-router-middleware
    - /docs/react/guides/storing-translations

---

Заранее рендерите локализованные страницы Pages Router с помощью `withGTStaticProps`. Настройка аналогична `withGTServerSideProps`, но Next.js генерирует пропсы во время сборки.

## Сохраните текущую конфигурацию Next.js [#config]

Статическая генерация не требует изменений в вашей настройке `withGTConfig`:

```ts title="next.config.ts"
import type { NextConfig } from 'next';
import { withGTConfig } from 'gt-next/config';

const nextConfig: NextConfig = {};

export default withGTConfig(nextConfig);
```

## Настройте маршрутизацию по локалям [#routing]

Следуйте [руководству по middleware для Pages Router](/docs/react/nextjs/pages-router-middleware), чтобы создать `proxy.ts` и перенести маршруты в `pages/[locale]`.

## Добавьте статические пропсы [#static-props]

Оберните функцию `getStaticProps` на каждой странице с помощью `withGTStaticProps`:

```tsx title="pages/[locale]/about.tsx"
import type { GetStaticProps } from 'next';
import { T, Var, withGTStaticProps } from 'gt-next';

type AboutPageProps = {
  generatedAt: string;
};

export const getStaticProps: GetStaticProps<AboutPageProps> =
  withGTStaticProps(async () => ({
    props: {
      generatedAt: new Date().toISOString(),
    },
  }));

export default function AboutPage({ generatedAt }: AboutPageProps) {
  return <T>Generated at: <Var>{generatedAt}</Var></T>;
}
```

`withGTStaticProps` добавляет локаль и снимок перевода в возвращаемые пропсы страницы. Если у страницы нет других пропсов, используйте форму без аргументов:

```tsx title="pages/[locale]/index.tsx"
import { withGTStaticProps } from 'gt-next';

export const getStaticProps = withGTStaticProps();
```

Передайте эти значения в `GTProvider` и [подключите обработку изменений локали](/docs/react/nextjs/pages-router-middleware#locale-changes) в `_app.tsx`.
## Next steps

- /docs/react/nextjs-pages-router-quickstart
- /docs/react/nextjs/pages-router-middleware
- /docs/react/guides/storing-translations