КРАТКО
СТД «Петрович» — одна из крупнейших в России сетей по продаже строительных материалов. Для участников программы лояльности «Клуб друзей Петровича» компания проводит мастер-классы с поставщиками, бизнес-завтраки, вебинары, поездки на производства и корпоративные мероприятия. Всё это живёт на отдельном сайте events.petrovich.ru.
Мы перенесли этот сайт из старого монолита на 1С-Bitrix в самостоятельный headless-стек на Nuxt 4 + Directus с обновлённым современным дизайном. Перенесли данные и формы, перевели email/SMS-сценарии на Directus Flows и запустили проект в продакшен, не ломая привычные для пользователей сценарии регистрации.
ЦИФРЫ
100+
мероприятий на платформе
200+
регистраций на события в месяц
1
месяц чтобы запустить новый сайт
ЗАДАЧА
Раздел мероприятий B2B-направления ТД «Петрович» был частью большого Битрикс-монолита: фронтенд на Nuxt 2 жёстко завязан на Bitrix-бэкенд, события хранились в инфоблоках, а ежемесячные SMS-рассылки собирались вручную через выгрузки в XLSX.
Такая связка тормозила развитие важного для лояльности направления: любое изменение тянуло за собой релизный цикл всего портала, а редакторы не имели удобного интерфейса для публикации событий. Нужно было отделить event-направление в самостоятельный продукт с современным дизайном и стеком, своей CMS и автоматизированными уведомлениями — при этом сохранить публичные сценарии и адреса страниц.
СОБЫТИЯ
Каталог построен вокруг календаря мероприятий. Пользователь видит предстоящие и прошедшие события, фильтрует их по типу (мастер-классы, бизнес-мероприятия, путешествия, мероприятия компании) и дате. Карточка события содержит описание, программу по времени, спикеров, место с картой, логотипы партнёров, а для прошедших — галерею и отзывы участников.
Контентом полностью управляют редакторы в Directus: типы мероприятий, карточки на лендинге, FAQ, баннеры и сами события — без участия разработчиков.
РЕГИСТРАЦИЯ И ЛИСТ ОЖИДАНИЯ
Регистрация на мероприятие проверяет номер клубной карты по справочнику, поддерживает подписку и отдельный опт-ин на оформление карты. Когда мест больше нет, заявка автоматически уходит в лист ожидания, а при освобождении места участник переводится в основной список и получает SMS.
Часть событий по решению заказчика ведёт на внешние формы регистрации (вебинары, забеги) — платформа умеет работать и со встроенной формой, и с внешними ссылками.
УВЕДОМЛЕНИЯ НА DIRECTUS FLOWS
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-схемами и типами запросов/ответов.
SEO И ПЕРЕЕЗД
Сайт работает на серверном рендеринге: полноценные мета-теги, 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 больше не нужны. Публичные адреса и сценарии регистрации сохранены, продакшен работает стабильно с момента запуска.