Как American Bath Group ускорила деплой на 50% с помощью композитного стека

American Bath Group (ABG) — один из ведущих производителей сантехники в США — столкнулся с проблемой: монолитная архитектура их цифровых продуктов тормозила работу команды. Разработчики тратили слишком много времени на координацию и развёртывание, что снижало продуктивность. Чтобы решить эту проблему, ABG обратилась к цифровому агентству Konabos, специализирующемуся на создании композитных решений. Результат сотрудничества — переход на стек из Vercel, Next.js и Kontent.AI, который позволил сократить время деплоя на 50% и значительно улучшить опыт разработчиков.

American Bath Group переходит на композитный стек

ABG управляет несколькими брендами и сайтами, каждый из которых требует частых обновлений. Монолитная система, где фронтенд и бэкенд были тесно связаны, делала каждое изменение медленным и рискованным. Разработчики тратили время на ожидание сборок и синхронизацию, а не на создание нового функционала. Konabos предложил разбить монолит на независимые модули, используя платформу Vercel для деплоя, Next.js для фронтенда и Kontent.AI для управления контентом. Такой подход позволил командам работать параллельно над разными частями системы, не блокируя друг друга.

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

Монолитная архитектура долгое время была стандартом для крупных компаний, но с ростом сложности проектов она начинает тормозить развитие. ABG — не исключение: их сайты требовали частых изменений, но каждый деплой занимал много времени и был подвержен ошибкам. Композитный стек, напротив, позволяет независимо развёртывать отдельные компоненты, что ускоряет итерации. Vercel, как платформа для фронтенд-деплоя, автоматизирует инфраструктуру и обеспечивает мгновенные откаты. Next.js даёт гибкость в построении интерфейсов, а Kontent.AI упрощает управление контентом для маркетологов.

Как композитный стек ускоряет деплой?

Ключевое отличие композитного подхода — разделение ответственности. Вместо того чтобы развёртывать всё приложение целиком, разработчики могут выкатывать изменения только в одном модуле. Vercel автоматически создаёт предпросмотр для каждой ветки, что позволяет тестировать изменения изолированно. Это сокращает цикл ревью: вместо ожидания полной сборки команда получает готовую ссылку на превью за секунды. Кроме того, Vercel оптимизирует кэширование и доставку контента через CDN, что снижает нагрузку на серверы ABG и улучшает производительность сайтов для конечных пользователей.

Технические детали: Vercel, Next.js и Kontent.AI

В основе решения — Next.js, который обеспечивает серверный рендеринг и статическую генерацию страниц. Для ABG это означает, что контент может быть предварительно собран и доставлен с высокой скоростью. Vercel служит платформой для деплоя: она автоматически определяет изменения в репозитории, запускает сборку и публикует новую версию. Интеграция с Kontent.AI позволяет маркетологам обновлять контент без участия разработчиков, что дополнительно ускоряет процесс. Важно, что каждый компонент стека может масштабироваться независимо: если один из сайтов ABG получает всплеск трафика, Vercel автоматически распределяет нагрузку.

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

Для разработчиков ABG главное изменение — сокращение времени на деплой с нескольких часов до минут, а также возможность работать в параллельных ветках без конфликтов. Бизнес-команды получают более быструю обратную связь: новые функции и контент появляются на сайте значительно быстрее. Для конечных пользователей улучшается производительность сайтов — страницы загружаются быстрее благодаря CDN и оптимизации Next.js. В более широком смысле кейс ABG демонстрирует, что композитный стек подходит не только стартапам, но и крупным традиционным компаниям, которые хотят ускорить цифровую трансформацию.

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

ABG планирует продолжить миграцию остальных своих цифровых продуктов на композитный стек. Ожидается, что это позволит не только ускорить деплой, но и снизить затраты на инфраструктуру за счёт отказа от устаревших серверов. Konabos, в свою очередь, будет сопровождать ABG в этом процессе, помогая оптимизировать архитектуру и внедрять новые функции. В индустрии такие кейсы подталкивают другие крупные компании к пересмотру монолитных решений в пользу более гибких платформ.

Итог

Переход American Bath Group на композитный стек с Vercel, Next.js и Kontent.AI позволил сократить время деплоя на 50% и улучшить опыт разработчиков. Этот пример показывает, что даже крупные компании с legacy-системами могут получить значительные преимущества от современных архитектурных подходов. Следите за развитием ABG — возможно, их опыт вдохновит и другие индустриальные гиганты на цифровую трансформацию.