Как Elkjøp перенес e-commerce на Next.js и Vercel и достиг $1 млрд онлайн-выручки

Скандинавский ритейлер электроники Elkjøp, работающий под брендом Elgiganten и входящий в британскую группу Currys PLC, завершил масштабную цифровую трансформацию. Его e-commerce платформа переехала с самописного решения на Angular и Kubernetes на стек Next.js и Vercel. Результат — годовой онлайн-оборот более $1 млрд и значительное улучшение пользовательского опыта. Этот кейс стал ориентиром для многих ритейлеров, стремящихся повысить производительность и конверсию.

Elkjøp: от Angular и Kubernetes к Next.js и Vercel

Elkjøp — крупнейший в Северной Европе продавец бытовой электроники. Компания управляет сотнями магазинов в Норвегии, Швеции, Дании, Финляндии и Исландии. Онлайн-продажи составляют существенную часть бизнеса: через цифровые каналы проходит более $1 млрд выручки. Однако прежняя платформа, построенная на Angular и размещенная на собственных кластерах Kubernetes, перестала отвечать требованиям бизнеса. Медленная загрузка страниц, проблемы с SEO и неэффективный опыт разработки негативно сказывались на конверсии и доходах. Руководство Elkjøp приняло решение о полной замене фронтенда и инфраструктуры. После оценки нескольких вариантов выбор пал на Next.js — React-фреймворк с поддержкой серверного рендеринга (SSR) и статической генерации (SSG), а также на облачную платформу Vercel, созданную теми же разработчиками. Миграция заняла несколько месяцев и затронула все ключевые страницы: каталог товаров, корзину, оформление заказа и личный кабинет.

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

Elkjøp — не единственный крупный ритейлер, переходящий на Next.js. Ранее аналогичный шаг сделали другие гиганты, такие как IKEA (частично) и TikTok Shop. Тренд обусловлен необходимостью сочетать высокую производительность фронтенда с гибкостью контентного менеджмента. Next.js позволяет рендерить страницы на сервере, что улучшает SEO (контент виден поисковым роботам) и время до первого байта (TTFB). Vercel, в свою очередь, предоставляет глобальную CDN, автоматическое масштабирование и простую интеграцию с Git-репозиториями. Для Elkjøp проблема усугублялась тем, что их предыдущая архитектура на Angular требовала значительных усилий для поддержки и оптимизации. Команда разработчиков тратила много времени на инфраструктурные задачи вместо улучшения функциональности. Кроме того, самописное решение на Kubernetes не обеспечивало нужной производительности при пиковых нагрузках, например, в "черную пятницу" или рождественские распродажи.

Как миграция на Next.js повлияла на производительность?

После перехода на Next.js и Vercel Elkjøp зафиксировал значительное улучшение ключевых метрик. Скорость загрузки страниц (LCP — Largest Contentful Paint) сократилась на 40% по сравнению с предыдущей версией. Время до первого байта (TTFB) уменьшилось на 50% благодаря глобальной сети доставки контента Vercel. Это напрямую сказалось на конверсии: увеличение скорости на 1 секунду приводит к росту конверсии в среднем на 2-5% для e-commerce. SEO-показатели также улучшились: страницы стали быстрее индексироваться, а позиции по коммерческим запросам выросли. Для пользователей это означает, что страницы товаров и категорий загружаются практически мгновенно, что снижает показатель отказов и увеличивает время на сайте.

Технические детали миграции

Elkjøp использовал несколько ключевых возможностей Next.js. Во-первых, статическую генерацию (SSG) для страниц категорий и товаров, которые обновляются нечасто. Это позволило отдавать готовый HTML с CDN почти мгновенно. Во-вторых, инкрементальную статическую регенерацию (ISR) для страниц с часто меняющимися ценами и наличием на складе — такие страницы перестраиваются в фоне без полной пересборки сайта. В-третьих, динамический рендеринг на сервере (SSR) для персонализированных страниц корзины и оформления заказа. Инфраструктура на Vercel заменила Kubernetes-кластеры. Vercel автоматически обрабатывает масштабирование, балансировку нагрузки и развертывание. Разработчики Elkjøp теперь могут выкатывать изменения через Git push — платформа сама создает предварительные просмотры (Preview Deployments) для каждой ветки. Это ускорило цикл разработки и уменьшило количество ошибок при деплое.

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

Для потребителей изменения означают более быстрый и удобный интернет-магазин. Страницы грузятся практически мгновенно, поиск товаров стал отзывчивее, а оформление заказа — проще. Для разработчиков Elkjøp — снижение операционной нагрузки: теперь они могут сосредоточиться на создании новых функций, а не на поддержке инфраструктуры. Для бизнеса — рост конверсии и выручки за счет лучшего пользовательского опыта и SEO. Конкуренты Elkjøp в регионе (например, Power и Komplett) теперь вынуждены также ускорять свои сайты, чтобы не отставать. В российском контексте пример Elkjøp может быть полезен для крупных ритейлеров электроники, таких как "М.Видео-Эльдорадо" или "Ситилинк", которые используют собственные или устаревшие платформы. Переход на современный стек, подобный Next.js, может дать им аналогичный прирост производительности и конверсии.

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

Elkjøp планирует продолжить развитие платформы на Next.js. В ближайших планах — внедрение динамической персонализации на основе поведения пользователей, улучшение мобильной версии и интеграция с офлайн-магазинами (click & collect). Vercel, в свою очередь, продолжает развивать возможности для e-commerce: недавно были анонсированы улучшения для работы с большими каталогами и поддержка Edge Functions для обработки запросов на границе сети. Эти инновации помогут Elkjøp оставаться на шаг впереди конкурентов.

Итог

Переход Elkjøp на Next.js и Vercel — показательный пример того, как современные технологии фронтенда могут трансформировать e-commerce бизнес. Рост скорости, улучшение SEO и снижение затрат на инфраструктуру привели к увеличению выручки и удовлетворенности клиентов. Этот кейс стоит изучить всем, кто ищет пути оптимизации своего интернет-магазина. Если вы хотите добиться аналогичных результатов, начните с аудита текущего стека и рассмотрите возможность миграции на Next.js и Vercel.