Как агентство Gearbox мигрировало с WordPress на Next.js и Vercel: инкрементальный переход

Переход с монолитной CMS на современный headless-стек — задача, которую многие агентства откладывают из-за сложности и рисков. Однако команда Gearbox, состоящая всего из пяти человек, нашла способ сделать это безболезненно. Используя Next.js и Vercel, они внедрили инкрементальную миграцию, которая п

Инкрементальная миграция: как Gearbox перешёл с WordPress на Next.js

Gearbox — небольшое агентство, которое создаёт сайты и приложения, предоставляя клиентам полный контроль над брендом. Основатель и CEO Трой Макгиннис начинал с WordPress, но через два года столкнулся с типичными проблемами: уязвимости безопасности, сложности обслуживания и падение производительности. Команда решила перейти на headless-архитектуру, выбрав сначала Gatsby, но быстро разочаровалась в нём из-за ограничений и снижения популярности. «Gatsby и WordPress были слишком ограничивающими. Gatsby угасал. Тогда мы нашли Next.js и Vercel. Мы полюбили их с первого взгляда, и с каждым новым релизом становится только лучше», — рассказывает Макгиннис.

Ключевым инструментом миграции стало Edge Middleware от Vercel. Оно позволило настроить редиректы для блогов: новые посты на Next.js автоматически перенаправляют трафик на существующие записи WordPress под капотом, фильтруют трафик и указывают на другие сервисы и сайты, маскируя URL. Это даёт возможность постепенно переносить контент, не теряя поисковые позиции и без сложной серверной настройки.

Предыстория и контекст

Проблемы безопасности — одна из главных причин миграции. «Уязвимости — обычное дело для устаревших сайтов на WordPress, — отмечает Макгиннис. — Мы недавно проводили пентест для клиента, и это подтвердило наши опасения». Gearbox часто рекомендует клиентам переходить на Vercel именно из соображений безопасности. Кроме того, производительность WordPress-сайтов оставляла желать лучшего, особенно при росте трафика. Переход на Next.js и Vercel решил эти проблемы, обеспечив автоматическое масштабирование, статическую генерацию и серверный рендеринг без дополнительных затрат.

Чем инкрементальная миграция отличается от полного перехода?

При полном переходе с WordPress на headless-решение требуется одномоментно перенести весь контент, шаблоны и функциональность. Это рискованно: если что-то пойдёт не так, сайт может быть недоступен. Инкрементальная миграция, напротив, позволяет переносить отдельные части постепенно. Edge Middleware выступает в роли прослойки: новые страницы работают на Next.js, а старые продолжают обслуживаться WordPress. Это снижает риски и даёт время на тестирование. Для Gearbox такой подход оказался идеальным, так как их клиенты не всегда готовы к полному переходу на headless-стек.

Технические детали: как работает Edge Middleware

Edge Middleware — это функция Vercel, которая выполняется на границе сети (edge) до того, как запрос достигнет сервера. В случае Gearbox middleware перехватывает запросы к блогу: если пост уже перенесён на Next.js, он отдаётся напрямую; если нет — запрос переписывается на WordPress без изменения URL. Это позволяет сохранить SEO-структуру ссылок и избежать дублирования контента. Кроме того, middleware может фильтровать трафик, перенаправлять на другие сервисы (например, для аутентификации) и обрабатывать A/B-тесты. Настройка не требует сложной инфраструктуры — всё управляется через код в проекте Next.js.

Кого затронет и как

Опыт Gearbox полезен для веб-агентств и разработчиков, которые работают с клиентами, использующими WordPress. Инкрементальная миграция позволяет начать переход без остановки бизнес-процессов. Для клиентов это означает повышение безопасности, скорости загрузки и снижение затрат на хостинг. В российском контексте, где WordPress по-прежнему популярен, такой подход может быть особенно актуален: многие компании не готовы к радикальным изменениям, но хотят улучшить производительность. Gearbox показывает, что даже небольшая команда может успешно провести миграцию, сохранив лояльность клиентов.

Что будет дальше

Gearbox планирует полностью перенести все проекты с WordPress на Next.js и Vercel. Благодаря инкрементальному подходу они могут двигаться в своём темпе, не нарушая работу клиентов. Вероятно, агентство будет расширять использование Edge Middleware для других задач, таких как персонализация и гео-таргетинг. Для индустрии это подтверждение тренда: даже legacy-системы можно модернизировать безболезненно, если выбрать правильные инструменты.

Итог

Миграция Gearbox с WordPress на Next.js и Vercel — пример того, как инкрементальный подход и Edge Middleware позволяют решить проблемы безопасности, производительности и SEO без полной остановки сайта. Для агентств, которые хотят перейти на современный стек, но боятся рисков, это наглядный кейс: начинать можно с малого, постепенно перенося функциональность и сохраняя контроль.