# General Translation React SDKs (gt-react, gt-next): Статическая генерация сайта в App Router
URL: https://generaltranslation.com/ru/docs/react/nextjs/app-router-static-site-generation.mdx
---
title: Статическая генерация сайта в App Router
description: Как предварительно отрендерить локализованные страницы Next.js App Router с помощью General Translation.
related:
  links:
    - /docs/react/nextjs-quickstart
    - /docs/react/nextjs/app-router-middleware
    - /docs/react/nextjs/config

---

Предварительно сгенерируйте по одному маршруту App Router для каждой локали с помощью `generateStaticParams`. Маршрутизация по локалям и определение локали запроса используют ту же конфигурацию, что и динамические маршруты.

## Сохраните конфигурацию 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 для App Router](/docs/react/nextjs/app-router-middleware), чтобы создать `proxy.ts`, переместить маршруты в `app/[locale]` и определить пользовательскую функцию `getLocale`.

## Отключение определения региона [#region]

Стандартный resolver региона читает cookie-файл, из-за чего маршрут становится динамическим. Чтобы отключить определение региона при предварительном рендеринге, добавьте `getRegion.ts` в корень проекта:

```ts title="./getRegion.ts"
export default async function getRegion() {
  return undefined;
}
```

`withGTConfig` автоматически находит этот файл.

## Сгенерируйте маршруты для локалей [#generate-routes]

Верните по одному параметру маршрута для каждой настроенной локали:

```tsx title="app/[locale]/page.tsx"
import { getLocales, T } from 'gt-next';

export function generateStaticParams() {
  return getLocales().map((locale) => ({ locale }));
}

export default function HomePage() {
  return <T>Welcome to our site</T>;
}
```

Теперь Next.js предварительно рендерит `app/[locale]/page.tsx` отдельно для каждой локали.
## Next steps

- /docs/react/nextjs-quickstart
- /docs/react/nextjs/app-router-middleware
- /docs/react/nextjs/config