Как Tray.ai ускорила сборку сайта в 720 раз: миграция на Vercel и Next.js

Tray.ai, платформа композитной AI-интеграции, сократила время сборки своего маркетингового сайта с 24 часов до двух минут после миграции на Vercel. Это ускорение в 720 раз стало возможным благодаря отказу от устаревшего стека и внедрению современной архитектуры на Next.js. В партнерстве с Roboto Studio компания объединила разрозненные репозитории и системы управления контентом и формами в единую кодовую базу, что радикально повысило производительность и гибкость разработки.

Как Tray.ai ускорила сборку в 720 раз

Tray.ai, предоставляющая предприятиям платформу для создания безопасных AI-агентов в масштабе, столкнулась с критической проблемой производительности своего маркетингового сайта. Сборка занимала целый день, что тормозило выпуск обновлений и замедляло реакцию на изменения рынка. Компания решила модернизировать инфраструктуру, выбрав Vercel как платформу для фронтенда и Roboto Studio для дизайна и разработки.

Результат превзошел ожидания: время сборки упало с 24 часов до 2 минут — ускорение в 720 раз. Это стало возможным благодаря переходу на последнюю версию Next.js и оптимизации архитектуры, включая инкрементальную статическую регенерацию (ISR) и автоматическое кэширование Vercel. Теперь при изменении одной страницы пересобирается только она, а не весь сайт целиком.

Почему время сборки было таким долгим?

До миграции Tray.ai использовала устаревший стек: старую версию Next.js и монолитную CMS, которая не справлялась с нагрузкой. Сайт состоял из нескольких разрозненных репозиториев, что усложняло синхронизацию контента и форм. Каждое обновление требовало ручной координации между командами, а сборка занимала 24 часа из-за неэффективных пайплайнов и отсутствия инкрементальных сборок. Проблема усугублялась тем, что Tray.ai — быстрорастущая B2B-компания, которой нужно часто обновлять маркетинговые материалы, лендинги и документацию. Длительное время сборки стало узким местом, мешающим маркетинговой команде быстро реагировать на запросы клиентов и рыночные тренды.

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

Tray.ai — это платформа композитной AI-интеграции, которая помогает предприятиям создавать безопасных AI-агентов. Компания быстро росла, и её маркетинговый сайт требовал частых обновлений: новые лендинги, кейсы, документация. Однако старый стек на базе устаревшей версии Next.js и монолитной CMS не позволял оперативно вносить изменения. Сборка занимала 24 часа, что означало, что любое обновление можно было выпустить только раз в день, а часто и реже. Это создавало задержки в выводе новых материалов и снижало конкурентоспособность.

Почему Vercel и Roboto Studio?

Tray.ai выбрала Vercel из-за его нативной поддержки Next.js, автоматической оптимизации производительности и простоты масштабирования. Roboto Studio, специализирующаяся на дизайне систем и разработке на Next.js, помогла перепроектировать архитектуру сайта. Вместо нескольких репозиториев и инструментов команда создала единую кодовую базу с интегрированным управлением контентом и формами. Ключевым фактором стала возможность использовать современные возможности Next.js, такие как ISR и динамический импорт, которые позволили собирать только измененные страницы, а не весь сайт целиком. Это радикально сократило время сборки.

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

Миграция включала несколько технических изменений. Во-первых, Tray.ai перешла на последнюю версию Next.js (на момент публикации — 14.x), что дало доступ к улучшенному роутингу, оптимизации изображений и встроенной поддержке TypeScript. Во-вторых, компания объединила управление контентом и формами, используя Headless CMS и серверные функции Vercel для обработки форм. Архитектура была перестроена с нуля: вместо монолитного бэкенда использовались серверные функции Vercel (Serverless Functions) для API-эндпоинтов и Edge Functions для персонализированного контента. Это позволило снизить нагрузку на сервер и улучшить время ответа для пользователей по всему миру. Сборка была оптимизирована за счет кэширования на уровне CDN Vercel и использования инкрементальных сборок. Теперь при изменении одной страницы пересобирается только она, а не весь сайт. В результате время сборки сократилось с 1440 минут до 2 минут.

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

Миграция на Vercel кардинально изменила производительность сайта Tray.ai. Время сборки упало в 720 раз, что позволило маркетинговой команде выпускать обновления ежедневно, а не раз в неделю. Разработчики перестали ждать долгих сборок, что повысило их продуктивность и удовлетворенность. Для пользователей сайт стал загружаться быстрее благодаря CDN Vercel и оптимизации изображений. Кроме того, использование Edge Functions позволило персонализировать контент в зависимости от геолокации посетителя без потери скорости. В целом, производительность сайта выросла кратно, что положительно сказалось на SEO и пользовательском опыте.

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

Для Tray.ai ускорение сборки означает возможность выпускать обновления ежедневно, а не раз в неделю. Маркетинговая команда может быстрее тестировать A/B-варианты, публиковать новые лендинги и реагировать на конкурентов. Для разработчиков снизилось время ожидания, повысилась продуктивность и удовлетворенность работой. Для других компаний, особенно B2B-продуктов с динамическим контентом, этот кейс демонстрирует, что миграция на современный стек (Next.js + Vercel) может дать значительный прирост производительности. В России и СНГ многие компании все еще используют устаревшие CMS и медленные пайплайны, поэтому пример Tray.ai может стимулировать переход на более эффективные решения.

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

Tray.ai продолжит оптимизировать сайт: планируется внедрение Edge Functions для дальнейшего ускорения динамического контента и использование Vercel Analytics для мониторинга производительности. Компания также рассматривает возможность перевода части функциональности на WebAssembly для еще более быстрой обработки данных. Для Vercel этот кейс — еще одно подтверждение того, что платформа эффективна не только для стартапов, но и для enterprise-клиентов с высокими требованиями к производительности. Ожидается, что подобные миграции станут трендом в 2025 году.

Итог

Tray.ai удалось сократить время сборки с дня до минут за счет миграции на Vercel и Roboto Studio, объединив разрозненные системы в единую архитектуру. Этот кейс показывает, что правильный выбор инструментов может кардинально ускорить разработку и повысить конкурентоспособность. Следите за обновлениями: возможно, ваш проект тоже выиграет от подобной оптимизации.