Кейс разработки
Лендинговая платформа Kit / 1seller.ru — один репозиторий на два домена с собственной дизайн-системой и независимым деплоем посадочных
О проекте
Лендинговая платформа агентства «Первый Селлер»: один репозиторий обслуживает два домена — 1seller.ru (агентство) и kit.1seller.ru (продукты Яндекс KIT, Клуб бренда, E-commerce Club). Архитектура позволяет выпускать новые посадочные, не блокируясь на миграции основного сайта.
1. Задача
Агентству нужно регулярно и быстро запускать посадочные под продукты и кампании, не ломая основной сайт:
- Два домена из одного репозитория — агентство и продуктовые лендинги.
- Быстрый выпуск посадочных — новая страница без полной пересборки сайта.
- Единая дизайн-система — узнаваемый фирменный стиль.
- Автодеплой с устойчивостью к разнице окружений на сервере.
2. Архитектура решения
Сосуществование двух подходов: основной продуктовый сайт как живое Next.js-приложение, а быстрые посадочные — как статичные страницы с независимым деплоем.
| Параметр | Значение |
|---|---|
| 1seller.ru | Create React App (pre-built bundle) |
| kit.1seller.ru | Живое Next.js-приложение (App Router) на VPS под pm2 |
| Посадочные | Статичный HTML + Tailwind CDN, отдельная папка на каждую страницу |
| Веб-сервер | nginx (два server-блока), маршрутизация по доменам и путям |
| CI/CD | GitHub Actions, push в main → параллельные job'ы на каждую посадочную |
3. Главная инженерная сложность
Сложность — в развязке выпуска посадочных от тяжёлого основного сайта и в устойчивости деплоя к нестандартной конфигурации сервера.
- Изоляция посадочных — каждая новая страница деплоится отдельным job'ом в свою папку и не подмешивается в Next-сборку, чтобы не блокироваться её миграцией.
- Автодетект nginx-конфига — job'ы сами находят нужный конфиг по server_name (на сервере он лежит нестандартно), с мягким фолбэком.
- Дизайн-система «Мульти-Бриллиант» — единые градиенты, карточки и типографика для всех посадочных.
Результат
Новая посадочная под продукт или кампанию выкатывается за один пуш, не затрагивая основной сайт, — в едином фирменном стиле и с автоматическим деплоем.
4. Эффект для бизнеса
- Скорость запуска — посадочные под кампании выходят быстро и независимо.
- Стабильность — выпуск страницы не ломает основной сайт.
- Узнаваемость — единый фирменный стиль на всех посадочных.
5. Технологический стек — кратко
| Параметр | Значение |
|---|---|
| Основной сайт | Create React App + Next.js (App Router) |
| Посадочные | Статичный HTML + Tailwind |
| Веб-сервер | nginx, pm2 |
| CI/CD | GitHub Actions (per-folder деплой) |
Кейс подготовлен на основе технической архитектуры лендинговой платформы Kit / 1seller.ru (ООО «Первый Селлер»). Описывается инженерное решение.