Update translations

apps/docs/content/ru/blog/create-next-app.mdx

@@ -0,0 +1,39 @@
+---
+source-updated-at: 2025-05-29T18:05:49.000Z
+translation-updated-at: 2025-06-02T19:39:06.699Z
+title: Представляем Create Next App
+description: >-
+  Сегодня мы рады представить новый Create Next App. Create Next App позволяет
+  настроить современное React-приложение на базе Next.js всего одной командой.
+author:
+  - name: Joe Haddad
+    image: /static/team/timer.jpg
+  - name: Tim Neutkens
+    image: /static/team/tim.jpg
+date: 2019-10-09T15:02:30.543Z
+image: >-
+  https://h8DxKfmAPhn8O0p3.public.blob.vercel-storage.com/static/blog/create-next-app/twitter-card.png
+---
+
+Сегодня мы рады представить новый Create Next App.
+
+Create Next App позволяет настроить современное React-приложение на базе Next.js всего одной командой.
+
+Чтобы начать, просто выполните:
+
+```bash filename="Terminal"
+npx create-next-app
+```
+
+Create Next App был полностью переработан, чтобы обеспечить наилучший опыт разработчика:
+
+*   **Интерактивный интерфейс**: Запуск `npx create-next-app` (без аргументов) теперь запускает интерактивный интерфейс, который проведёт вас через процесс настройки проекта.
+*   **Нет зависимостей**: Инициализация проекта теперь занимает всего **одну секунду**. Create Next App не имеет зависимостей и занимает всего **604 КБ**. До оптимизации предыдущая версия весила **5.38 МБ**. Это сокращение более чем на **4.7 МБ**!
+*   **Поддержка офлайн-режима**: Create Next App автоматически определит, если вы находитесь офлайн, и создаст проект, используя локальный кеш пакетов.
+*   **Новый шаблон проекта**: Create Next App использует новый шаблон проекта, разработанный для современных приложений на Next.js. Поскольку Create Next App теперь поддерживается вместе с самим Next.js, этот шаблон всегда будет актуален с последней версией Next.js!
+*   **Поддержка примеров**: Create Next App может создать ваше приложение на основе примеров из [коллекции примеров Next.js](https://github.com/vercel/next.js/tree/canary/examples) (например, `npx create-next-app --example api-routes`).
+*   **Протестировано**: Пакет является частью монорепозитория Next.js и тестируется с использованием того же набора интеграционных тестов, что и сам Next.js, что гарантирует его корректную работу с каждым релизом.
+
+Ранее Create Next App был [проектом, поддерживаемым сообществом](https://open.segment.com/create-next-app/), однако мы посчитали важным курировать первое впечатление от Next.js. Особенно учитывая, что мы рекомендуем его в [коллекции примеров Next.js](https://github.com/vercel/next.js/tree/canary/examples).
+
+Мы сотрудничали с [Segment](https://segment.com/) для передачи прав на пакет и очень благодарны за их предыдущее управление, особенно [Fouad Matin](https://twitter.com/fouadmatin).

apps/docs/content/ru/blog/incremental-adoption.mdx

@@ -0,0 +1,109 @@
+---
+source-updated-at: 2025-05-29T18:05:49.000Z
+translation-updated-at: 2025-06-02T19:40:01.403Z
+title: Постепенное внедрение Next.js
+description: >-
+  Изучите различные стратегии постепенного внедрения Next.js в ваш рабочий процесс разработки.
+author:
+  - name: Lee Robinson
+    image: /static/team/lee.jpg
+date: 2020-11-18T14:00:00.507Z
+image: >-
+  https://h8DxKfmAPhn8O0p3.public.blob.vercel-storage.com/static/blog/incremental-adoption/twitter-card.png
+---
+
+[Next.js](https://nextjs.org/) разработан для постепенного внедрения. С Next.js вы можете продолжать использовать существующий код и добавлять столько React, сколько вам нужно. Начиная с малого и постепенно добавляя новые страницы, вы можете избежать полного переписывания кода и не срывать работу над функциями.
+
+Многие компании нуждаются в модернизации своего технологического стека для снижения затрат, повышения производительности разработчиков и обеспечения лучшего опыта для клиентов. Компонентно-ориентированная разработка значительно улучшила скорость развертывания и повторное использование кода в современных проектах.
+
+С более чем [8 миллионами загрузок в месяц](https://www.npmtrends.com/react), React является ведущим выбором для компонентно-ориентированной разработки. Next.js, фреймворк React для продакшена, позволяет постепенно внедрять React.
+
+[Мотивация](#motivation)
+-------------------------
+
+В мире, где мобильные устройства играют все большую роль, улучшение и отслеживание [Core Web Vitals](/analytics) критически важно для успеха. Ваши клиенты, вероятно, распределены по всему миру с разной скоростью интернета. Каждая дополнительная секунда (или миллисекунда) ожидания загрузки страницы или выполнения действия может стать разницей между продажей, показом или конверсией.
+
+Если вы модернизируете свой технологический стек, вы можете столкнуться с такими проблемами, как:
+
+*   Ваше приложение содержит годы устаревшего кода, который сложно понять, и полное переписывание заняло бы годы (и миллионы долларов).
+*   Время загрузки страниц продолжает расти по мере увеличения размера и сложности приложения. Простые маркетинговые страницы загружаются так же медленно, как и самые сложные.
+*   Вы пытаетесь масштабировать команду разработчиков, но сталкиваетесь с проблемами при добавлении новых разработчиков в существующую кодовую базу.
+*   У вас устаревшие процессы CI/CD и DevOps, которые снижают производительность разработчиков и затрудняют безопасное и надежное внедрение изменений.
+*   Ваше приложение не адаптировано для мобильных устройств, и невозможно обновить глобальные стили страницы, не нарушив другие части приложения.
+
+Вы знаете, что нужно что-то делать, но может быть сложно понять, [с чего начать](https://www.psychologytoday.com/us/blog/mindfully-present-fully-alive/201804/the-only-way-eat-elephant). Постепенно внедряя Next.js, вы можете начать решать вышеперечисленные проблемы и преобразовать свое приложение. Давайте обсудим несколько стратегий внедрения Next.js в существующий технологический стек.
+
+[Стратегии](#strategies)
+-------------------------
+
+### [Подпуть (Subpath)](#subpath)
+
+Первая стратегия заключается в настройке вашего сервера или прокси таким образом, чтобы все содержимое определенного подпути указывало на приложение Next.js. Например, ваш существующий веб-сайт может находиться на `example.com`, а вы можете настроить прокси так, чтобы `example.com/store` обслуживал интернет-магазин на Next.js.
+
+Используя [`basePath`](/docs/pages/api-reference/next-config-js/basePath), вы можете настроить ресурсы и ссылки вашего приложения Next.js для автоматической работы с новым подпутем `/store`. Поскольку каждая страница в Next.js является [автономным маршрутом](/docs/pages/building-your-application/routing), страницы, такие как `pages/products.js`, будут маршрутизироваться на `example.com/store/products` в вашем приложении.
+
+```js filename="next.config.js"
+module.exports = {
+  basePath: '/store',
+};
+```
+
+Чтобы узнать больше о `basePath`, ознакомьтесь с нашей [документацией](/docs/pages/api-reference/next-config-js/basePath).
+
+(**Примечание:** Эта функция была добавлена в Next.js 9.5 и выше. Если вы используете более старые версии Next.js, обновите их перед использованием.)
+
+### [Перезаписи (Rewrites)](#rewrites)
+
+Вторая стратегия заключается в создании нового приложения Next.js, которое указывает на корневой URL вашего домена. Затем вы можете использовать [`rewrites`](/docs/pages/api-reference/next-config-js/rewrites) в `next.config.js`, чтобы некоторые подпути перенаправлялись на ваше существующее приложение.
+
+Например, предположим, что вы создали приложение Next.js для обслуживания с `example.com` со следующим `next.config.js`. Теперь запросы к страницам, которые вы добавили в это приложение Next.js (например, `/about`, если вы добавили `pages/about.js`), будут обрабатываться Next.js, а запросы к любым другим маршрутам (например, `/dashboard`) будут перенаправляться на `proxy.example.com`.
+
+```js filename="next.config.js"
+module.exports = {
+  async rewrites() {
+    return [
+      // нам нужно определить перезапись без изменений, чтобы проверить
+      // все страницы/статические файлы перед попыткой перенаправления
+      {
+        source: '/:path*',
+        destination: '/:path*',
+      },
+      {
+        source: '/:path*',
+        destination: `https://proxy.example.com/:path*`,
+      },
+    ];
+  },
+};
+```
+
+Чтобы узнать больше о перезаписях, ознакомьтесь с нашей [документацией](/docs/pages/api-reference/next-config-js/rewrites).
+
+### [Микрофронтенды с монорепозиториями и поддоменами](#micro-frontends-with-monorepos-and-subdomains)
+
+Next.js и [Vercel](https://vercel.com) упрощают внедрение [микрофронтендов](https://martinfowler.com/articles/micro-frontends.html) и развертывание в виде [монорепозитория](https://vercel.com/blog/monorepos). Это позволяет использовать [поддомены](https://ru.wikipedia.org/wiki/Поддомен) для постепенного внедрения новых приложений. Некоторые преимущества микрофронтендов:
+
+*   Меньшие, более связные и поддерживаемые кодовые базы.
+*   Более масштабируемые организации с развязанными, автономными командами.
+*   Возможность обновлять, изменять или даже переписывать части фронтенда более постепенно.
+
+![](https://h8DxKfmAPhn8O0p3.public.blob.vercel-storage.com/static/blog/incremental-adoption/light-arch.png)
+
+> Архитектура монорепозитория, развернутого на Vercel.
+
+После настройки монорепозитория отправляйте изменения в ваш Git-репозиторий как обычно, и вы увидите, что коммиты развертываются в проектах Vercel, которые вы подключили. Попрощайтесь с устаревшими процессами CI/CD.
+
+![](https://h8DxKfmAPhn8O0p3.public.blob.vercel-storage.com/static/blog/incremental-adoption/dark-comment.png)
+
+> Пример URL-адресов развертывания, предоставляемых интеграцией с Git.
+
+[Заключение](#conclusion)
+-------------------------
+
+Next.js разработан для постепенного внедрения в ваш существующий технологический стек. Платформа Vercel делает этот процесс совместным, предоставляя предпросмотры развертывания для каждого изменения кода благодаря бесшовной интеграции с GitHub, GitLab и Bitbucket.
+
+*   Мгновенно просматривайте изменения локально с помощью [Fast Refresh](/docs/architecture/fast-refresh), повышая производительность разработчиков.
+*   Отправляйте изменения для создания [Branch Preview](https://vercel.com/github), оптимизированного для совместной работы с заинтересованными сторонами.
+*   Развертывайте в продакшене с [Vercel](https://vercel.com), просто объединяя PR. Никаких сложных DevOps.
+
+Чтобы узнать больше, прочитайте о [подпутях](/docs/pages/api-reference/next-config-js/basePath) и [перезаписях](/docs/pages/api-reference/next-config-js/rewrites) или [разверните пример с микрофронтендами](https://vercel.com/import/project?template=https://github.com/vercel/next.js/tree/canary/examples/with-zones).