ВЕБ.ФОКС
0
Все статьи
разработкаWordPressNext.js
// Архитектура

Переезд WordPress на Next.js в 2026: когда стоит, сколько занимает, чего ожидать

WordPress + Next.js (headless) — популярный стек 2026 года. Подробный гид: когда переезд оправдан, какие риски, чек-лист миграции, реальные сроки и стоимость.

Веб Фокс7 мин чтения
Переезд WordPress на Next.js в 2026: когда стоит, сколько занимает, чего ожидать

Что значит "перевести WordPress на Next.js"

Классический WordPress — это монолит: PHP-движок принимает запрос, забирает данные из БД MySQL, генерирует HTML по шаблону темы и отдаёт браузеру. Всё в одной системе, на одном сервере.

«Перевод на Next.js» (или, более правильно, «миграция на headless WordPress») означает разделение этой архитектуры на две независимые части. WordPress остаётся как админка — там контент-менеджеры пишут статьи, добавляют товары, редактируют страницы. Привычная админка, всё знакомо, никаких переобучений. А сайт, который видит пользователь, — это уже отдельное Next.js-приложение, которое забирает контент из WordPress через GraphQL или REST API.

Преимущества такой схемы: сайт работает в 3-5 раз быстрее (PageSpeed 90-100 на мобильных), безопаснее (фронт не имеет прямого доступа к БД), масштабируется через CDN, поддерживает омниканальность (один и тот же контент через API получают сайт, мобильное приложение, Telegram-бот, голосовой ассистент).

Недостатки: дороже разрабатывать и поддерживать, требует команды с React-опытом, сложнее предпросмотр контента для редакторов. В этой статье разберём, когда такой переезд реально оправдан, а когда — это инженерное излишество.

Объективные причины для миграции

Headless-миграция оправдана, если совпадают хотя бы 2-3 из этих условий:

  • Высокая нагрузка. Если сайт получает 10 000+ уникальных посетителей в день и часто «ложится» под пиковой нагрузкой — проблема в PHP-обработке, и переход на Next.js + CDN решает её радикально.
  • Проблемы с Core Web Vitals. WordPress без серьёзной оптимизации даёт PageSpeed 50-70. Если позиции сайта падают из-за CWV, и вы дошли до предела оптимизации классического WP — следующий шаг Next.js.
  • Кастомный UX. Сложные интерфейсы, которые тяжело реализовать на шаблонной системе WordPress: мультистраничные конфигураторы, 3D-каталоги, продвинутые анимации, реал-тайм взаимодействие.
  • Команда фронтендеров уже есть. React/Next.js-разработчики на штате — это половина успеха headless-проекта. Если их нет, поддержка будет дорогой.
  • Омниканальность. Помимо сайта планируется мобильное приложение, Telegram-бот, голосовой ассистент или другие точки выдачи контента. Headless позволяет переиспользовать админку и контент.
  • Желание сохранить WordPress-админку. Контент-менеджеры её любят и продуктивны в ней. Headless — единственный способ сохранить админку и при этом получить современный фронт.

Когда не стоит переезжать

Множество проектов попадают в ловушку «модной архитектуры» и тратят деньги впустую. Не делайте headless если:

  • Контентный сайт с малой посещаемостью. Блог на 500 посетителей в день, корпоративный сайт на 1000 — классический WordPress справляется отлично. Headless будет переплатой 2-3 раза.
  • Бюджет до 500 тыс. ₽. Качественная headless-миграция начинается от 600-700 тыс. На меньшем бюджете получите наполовину сделанный проект с проблемами.
  • Нет команды для поддержки фронта. Headless требует регулярных обновлений Next.js, поддержки CI/CD, мониторинга. Если в команде нет React-разработчика — поддержка будет либо дорогой, либо запущенной.
  • Магазин на WooCommerce. WooCommerce сильно завязан на PHP-логику и WordPress hooks. Headless WooCommerce возможен, но сложен и менее стабилен. Для магазинов чаще выгоднее оставить классический WP с оптимизацией или мигрировать на Битрикс/Magento.
  • Корпоративный сайт без планов на масштабирование. Если сайт уже сейчас удовлетворяет всем требованиям, и в ближайшие 2-3 года не планируется кратный рост — миграция не окупится.

Чек-лист миграции на Next.js

  • 0101. Аудит текущего сайта: какие страницы, шаблоны, плагины используются
  • 0202. Аудит SEO: текущие позиции, основной органический трафик, существующие schema.org
  • 0303. Установка плагинов WPGraphQL и WPGraphQL ACF в админку
  • 0404. Создание Next.js-проекта с App Router (актуальная версия 15+)
  • 0505. Настройка типизации через GraphQL Code Generator
  • 0606. Постраничная вёрстка всех типов страниц с подгрузкой через WPGraphQL
  • 0707. Реализация SSG/ISR для статичных и редко обновляемых страниц
  • 0808. Воссоздание SEO: метатеги, schema.org, OpenGraph, Twitter Cards
  • 0909. Воссоздание sitemap.xml и robots.txt
  • 1010. Воссоздание всех редиректов 301/302
  • 1111. Реализация кастомных страниц 404 и 500
  • 1212. Превью-режим для редакторов (preview API)
  • 1313. Тестирование на staging-домене
  • 1414. Подключение CDN (Cloudflare, Vercel, Yandex Cloud)
  • 1515. Деплой на продакшн и настройка CI/CD
  • 1616. Аккуратное переключение DNS с возможностью отката
  • 1717. Мониторинг Search Console и Метрики 30-90 дней после переезда
  • 1818. Оптимизация по итогам мониторинга

Главные риски миграции

Любой переезд — это риск, и headless-миграция не исключение. Главные «грабли»:

  • Падение SEO-позиций. Самый частый и болезненный риск. Если что-то упустили — title, description, schema.org, редиректы — позиции просядут. Восстановление занимает 2-6 месяцев.
  • Поломка превью контента. В классическом WordPress контент-менеджер пишет статью, нажимает «Предпросмотр» и видит результат. В headless нужно отдельно настраивать preview-режим, и это не всегда просто.
  • Различия в ACF-полях. Если в WordPress используются Advanced Custom Fields с сложной структурой, придётся переписывать запросы и компоненты. Подводных камней много.
  • Проблемы с формами и взаимодействиями. Если на сайте есть формы Contact Form 7 или Gravity Forms, в Next.js их нужно либо вызывать через API, либо переписывать целиком.
  • Внешние плагины с шорткодами. Если используются плагины, генерирующие HTML через шорткоды, в headless они не сработают. Нужна замена или полное переписывание.
  • Стоимость обновлений. После миграции каждое крупное обновление WordPress или Next.js требует тестирования и иногда правок. Бюджет на поддержку растёт.

Цены и реальные сроки

Стоимость миграции зависит от размера сайта и сложности логики:

  • Лендинг или мини-сайт (5-15 страниц). 200-350 тыс. ₽, срок 3-4 недели. Базовая миграция, 1-2 типа страниц, минимум кастомной логики. Обычно для проектов с акцентом на скорость.
  • Корпоративный сайт + блог (20-50 страниц). 350-600 тыс. ₽, срок 1-2 месяца. Несколько типов страниц, блог с тегами и категориями, базовые формы.
  • Сложный корпоративный сайт (50-200 страниц). 600-1 200 тыс. ₽, срок 2-4 месяца. Несколько типов контента, кастомные ACF-поля, сложная логика, мультиязычность.
  • Портал с личным кабинетом. 1-2 млн ₽, срок 3-5 месяцев. Аутентификация пользователей, формы, личные данные, интеграция с внешними сервисами.
  • Магазин (если всё-таки нужно). От 1.5 млн ₽, срок 4-6 месяцев. Учитывая сложность WooCommerce-headless.

Стоимость поддержки headless-сайта обычно в 1.5-2 раза выше классического WordPress — нужно поддерживать обе системы.

Реальный кейс: журнал о технологиях

Дано: онлайн-журнал, 8 лет на классическом WordPress, около 200 статей, 30 000 уникальных посетителей в день. Проблемы: PageSpeed 38 на мобильных, INP 380 мс, постоянные жалобы от рекламодателей на медленный сайт, проседание в выдаче.

Что сделали:

  1. WordPress оставили как админку. Установили WPGraphQL и WPGraphQL ACF.
  2. Сделали Next.js 15 фронтенд с App Router. SSG для статичных страниц, ISR с revalidate=300 для свежих статей.
  3. Воссоздали все 12 типов schema.org разметки, OpenGraph для всех страниц, sitemap.xml.
  4. Перенесли все 240 редиректов 301 из старой системы.
  5. Подключили Vercel для деплоя и CDN. Настроили автоматический ребилд по webhook из WordPress.
  6. Реализовали preview-режим для редакторов через Vercel preview deployments.
  7. Тестировали на staging 3 недели, потом ночью переключили DNS.

Результат через 3 месяца:

  • PageSpeed: 38 → 96 на мобильных
  • LCP: 4.2 сек → 1.1 сек
  • INP: 380 мс → 80 мс
  • Посещаемость: рост на 28% за счёт улучшения SEO-позиций
  • Время на сайте: рост на 35%
  • Стоимость рекламы: премиум-рекламодатели вернулись и платят на 40% больше за инвентарь

Стоимость проекта: 850 тыс. ₽, срок 10 недель. Окупаемость — 5 месяцев.

Частые вопросы по миграции

Q01Сохранятся ли SEO-позиции после миграции?
При корректной работе — да, и часто даже улучшаются за счёт скорости. Но это самый рискованный момент. Главное: воссоздать все метатеги, schema.org, редиректы, sitemap. Минимум 30-60 дней на стабилизацию после переезда.
Q02Можно ли оставить WordPress-админку как есть?
Да, и это главный плюс headless. Контент-менеджеры продолжают работать в привычной WP-админке без переобучения. Изменения автоматически появляются на фронте через ISR или ручной ребилд.
Q03Что делать с формами обратной связи?
Варианты: отдельная API-роута в Next.js с отправкой письма; интеграция со сторонним сервисом форм (Formspree, Web3Forms); использование Contact Form 7 через WP API. Зависит от сложности.
Q04Сколько занимает миграция типичного корпоративного сайта?
От 1.5 до 3 месяцев в зависимости от размера. Полный план: 2 недели на аудит и проектирование, 4-6 недель на разработку, 2-3 недели на тестирование и переезд, 4 недели мониторинга после.
Q05Можно ли откатиться на WordPress, если что-то пойдёт не так?
Да, это важная страховка. Старый WordPress-сайт сохраняется как backup. Переключение DNS может быть откачено за 1-2 часа. Поэтому хорошие команды держат старый сайт живым ещё 2-4 недели после миграции.
Q06Какой Next.js-стек оптимален в 2026?
Next.js 15+ с App Router, TypeScript, Tailwind CSS v4, Apollo Client или urql для GraphQL, Zod для валидации форм. Хостинг — Vercel (для глобального трафика) или собственный сервер с Docker.

Хотите перевести сайт на Next.js?

Делаем headless-миграцию WordPress в Next.js без потери контента и SEO. Полный аудит, план миграции, поддержка после запуска. От 350 000 ₽.
Обсудить переезд
Переезд WordPress на Next.js в 2026: гид и цены | Веб Фокс — Веб-студия