diff --git a/apps/docs/content/ru/docs/01-app/01-getting-started/01-installation.mdx b/apps/docs/content/ru/docs/01-app/01-getting-started/01-installation.mdx
new file mode 100644
index 00000000..ce4b36dd
--- /dev/null
+++ b/apps/docs/content/ru/docs/01-app/01-getting-started/01-installation.mdx
@@ -0,0 +1,341 @@
+---
+source-updated-at: 2025-06-01T01:32:20.000Z
+translation-updated-at: 2025-06-02T19:59:38.757Z
+title: Как создать новый проект Next.js
+nav_title: Установка
+description: Создайте новое приложение Next.js с помощью CLI `create-next-app`, а также настройте TypeScript, ESLint и алиасы путей модулей.
+---
+
+{/* Содержание этого документа используется как для App Router, так и для Pages Router. Вы можете использовать компонент `Контент` для добавления контента, специфичного для Pages Router. Общий контент не должен быть обёрнут в компонент. */}
+
+## Системные требования
+
+Перед началом работы убедитесь, что ваша система соответствует следующим требованиям:
+
+- [Node.js 18.18](https://nodejs.org/) или новее.
+- macOS, Windows (включая WSL) или Linux.
+
+## Автоматическая установка
+
+Самый быстрый способ создать новое приложение Next.js — использовать [`create-next-app`](/docs/app/api-reference/cli/create-next-app), который автоматически настроит всё необходимое. Чтобы создать проект, выполните:
+
+```bash filename="Терминал"
+npx create-next-app@latest
+```
+
+Во время установки вы увидите следующие запросы:
+
+```txt filename="Терминал"
+Как назвать ваш проект? my-app
+Хотите использовать TypeScript? Нет / Да
+Хотите использовать ESLint? Нет / Да
+Хотите использовать Tailwind CSS? Нет / Да
+Хотите разместить код в директории `src/`? Нет / Да
+Хотите использовать App Router? (рекомендуется) Нет / Да
+Хотите использовать Turbopack для `next dev`? Нет / Да
+Хотите настроить алиасы импортов (по умолчанию `@/*`)? Нет / Да
+Какой алиас импорта вы хотите использовать? @/*
+```
+
+После ответов [`create-next-app`](/docs/app/api-reference/cli/create-next-app) создаст папку с именем вашего проекта и установит необходимые зависимости.
+
+## Ручная установка
+
+Для ручного создания нового приложения Next.js установите необходимые пакеты:
+
+```bash filename="Терминал"
+npm install next@latest react@latest react-dom@latest
+```
+
+Затем добавьте следующие скрипты в ваш файл `package.json`:
+
+```json filename="package.json"
+{
+ "scripts": {
+ "dev": "next dev",
+ "build": "next build",
+ "start": "next start",
+ "lint": "next lint"
+ }
+}
+```
+
+Эти скрипты соответствуют различным этапам разработки приложения:
+
+- `next dev`: Запускает сервер разработки.
+- `next build`: Собирает приложение для продакшена.
+- `next start`: Запускает продакшен-сервер.
+- `next lint`: Запускает ESLint.
+
+
+
+### Создание директории `app`
+
+Next.js использует файловую маршрутизацию, что означает, что маршруты в вашем приложении определяются структурой файлов.
+
+Создайте папку `app`. Затем внутри `app` создайте файл `layout.tsx`. Этот файл является [корневым макетом](/docs/app/api-reference/file-conventions/layout#root-layout). Он обязателен и должен содержать теги `` и ``.
+
+```tsx filename="app/layout.tsx" switcher
+export default function RootLayout({
+ children,
+}: {
+ children: React.ReactNode
+}) {
+ return (
+
+ {children}
+
+ )
+}
+```
+
+```jsx filename="app/layout.js" switcher
+export default function RootLayout({ children }) {
+ return (
+
+ {children}
+
+ )
+}
+```
+
+Создайте домашнюю страницу `app/page.tsx` с начальным содержимым:
+
+```tsx filename="app/page.tsx" switcher
+export default function Page() {
+ return Hello, Next.js!
+}
+```
+
+```jsx filename="app/page.js" switcher
+export default function Page() {
+ return Hello, Next.js!
+}
+```
+
+Оба файла `layout.tsx` и `page.tsx` будут отображаться, когда пользователь посетит корень вашего приложения (`/`).
+
+
+
+> **Полезно знать**:
+>
+> - Если вы забудете создать корневой макет, Next.js автоматически создаст этот файл при запуске сервера разработки с помощью `next dev`.
+> - Вы можете дополнительно использовать папку [`src`](/docs/app/api-reference/file-conventions/src-folder) в корне вашего проекта, чтобы отделить код приложения от конфигурационных файлов.
+
+
+
+
+
+### Создание директории `pages`
+
+Next.js использует файловую маршрутизацию, что означает, что маршруты в вашем приложении определяются структурой файлов.
+
+Создайте директорию `pages` в корне вашего проекта. Затем добавьте файл `index.tsx` внутрь папки `pages`. Это будет ваша домашняя страница (`/`):
+
+```tsx filename="pages/index.tsx" switcher
+export default function Page() {
+ return Hello, Next.js!
+}
+```
+
+```jsx filename="pages/index.js" switcher
+export default function Page() {
+ return Hello, Next.js!
+}
+```
+
+Затем добавьте файл `_app.tsx` внутрь `pages/` для определения глобального макета. Узнайте больше о [пользовательском файле App](/docs/pages/building-your-application/routing/custom-app).
+
+```tsx filename="pages/_app.tsx" switcher
+import type { AppProps } from 'next/app'
+
+export default function App({ Component, pageProps }: AppProps) {
+ return
+}
+```
+
+```jsx filename="pages/_app.js" switcher
+export default function App({ Component, pageProps }) {
+ return
+}
+```
+
+Наконец, добавьте файл `_document.tsx` внутрь `pages/` для управления начальным ответом сервера. Узнайте больше о [пользовательском файле Document](/docs/pages/building-your-application/routing/custom-document).
+
+```tsx filename="pages/_document.tsx" switcher
+import { Html, Head, Main, NextScript } from 'next/document'
+
+export default function Document() {
+ return (
+
+
+
+
+
+
+
+ )
+}
+```
+
+```jsx filename="pages/_document.js" switcher
+import { Html, Head, Main, NextScript } from 'next/document'
+
+export default function Document() {
+ return (
+
+
+