Платформа мероприятий Петровича: переезд с Bitrix-монолита на Nuxt 4 + Directus

СТД «Петрович» — одна из крупнейших в России сетей по продаже строительных материалов. Для участников программы лояльности «Клуб друзей Петровича» компания проводит мастер-классы с поставщиками, бизнес-завтраки, вебинары, поездки на производства и корпоративные мероприятия. Всё это живёт на отдельном сайте events.petrovich.ru.

Мы перенесли этот сайт из старого монолита на 1С-Bitrix в самостоятельный headless-стек на Nuxt 4 + Directus с обновлённым современным дизайном. Перенесли данные и формы, перевели email/SMS-сценарии на Directus Flows и запустили проект в продакшен, не ломая привычные сценарии регистрации.

Раздел мероприятий B2B-направления ТД «Петрович» был частью большого Битрикс-монолита: фронтенд на Nuxt 2 жёстко завязан на Bitrix-бэкенд, события хранились в инфоблоках, а ежемесячные SMS-рассылки собирались вручную через выгрузки в XLSX.

Такая связка тормозила развитие важного для лояльности направления: любое изменение тянуло за собой релизный цикл всего портала, а редакторы не имели удобного интерфейса для публикации событий. Нужно было отделить event-направление в самостоятельный продукт с современным дизайном и стеком, своей CMS и автоматизированными уведомлениями — при этом сохранить публичные сценарии и адреса страниц.

Каталог построен вокруг календаря мероприятий. Пользователь видит предстоящие и прошедшие события, фильтрует их по типу (мастер-классы, бизнес-мероприятия, путешествия, мероприятия компании) и дате. Карточка события содержит описание, программу по времени, спикеров, место с картой, логотипы партнёров, а для прошедших — галерею и отзывы участников.

Контентом полностью управляют редакторы в Directus: типы мероприятий, карточки на лендинге, FAQ, баннеры и сами события — без участия разработчиков.

Регистрация на мероприятие проверяет номер клубной карты по справочнику, поддерживает подписку и отдельный опт-ин на оформление карты. Когда мест больше нет, заявка автоматически уходит в лист ожидания, а при освобождении места участник переводится в основной список и получает SMS.

Часть событий по решению заказчика ведёт на внешние формы регистрации (вебинары, забеги) — платформа умеет работать и со встроенной формой, и с внешними ссылками.

Email и SMS вынесены из кода фронтенда в автоматизацию Directus Flows. На создание заявки срабатывают сценарии: подтверждающее SMS участнику, письмо ответственным менеджерам, отдельное SMS при переводе из листа ожидания в основной список.

SMS отправляются через провайдера Mindbox по шаблонам, а каждое отправление пишется в журнал-реестр — это даёт идемпотентность без дублей, аудит в админке и возможность ставить рассылку на паузу без перезапуска сайта.

Сайт устроен по headless-принципу. Публичный фронтенд — Nuxt 4 (Vue 3, TypeScript, SSR на Nitro) с собственным серверным API-слоем (BFF): браузер не ходит в Directus напрямую, а получает данные через серверные роуты, которые маппят схему CMS в публичные DTO. Это развязывает клиентский код от изменений в CMS и не выставляет наружу служебные токены.

Проект собран как монорепозиторий: web-приложение, конфигурация Directus и общий пакет контрактов с Zod-схемами и типами запросов/ответов.

Сайт работает на серверном рендеринге: полноценные мета-теги, Open Graph, микроразметка JSON-LD Event, динамические sitemap.xml и robots.txt. Со старых адресов настроены 301-редиректы, аналитика Yandex Metrika перенесена со старого сайта. SEO-аудит перед запуском подтвердил корректность тайтлов, описаний, канонических ссылок и индексации после переноса на новый дизайн.

Nuxt 4, Vue 3, TypeScript, Nitro (SSR), Directus 11, PostgreSQL, Redis, Docker, Zod, pnpm workspaces, Directus Flows, Mindbox, Yandex Maps, Yandex Metrika

Платформа запущена в продакшен в мае 2026 года. Event-направление отделено от устаревшего монолита и развивается самостоятельно: редакторы управляют событиями и контентом в Directus, уведомления участникам уходят автоматически через Flows, а ручные выгрузки SMS больше не нужны. Публичные адреса и сценарии регистрации сохранены, продакшен работает стабильно с момента запуска.

Корпоративные сайты и продуктовые лендинги

Сайты производителей и сервисов, международные версии, лендинги под запуск и мероприятия.