Yuverity — каталог БАД
Мобильное приложение каталога для производителя биодобавок. На MVP-этапе — витрина без корзины и оплаты: бренды, категории, продукты, статьи о здоровье. Архитектура — тот же SDUI-движок, что в MCS Mobile: registry виджетов + JSON layouts + admin CMS + 3-tier tokens. Показываем, что движок BC Control работает не только для BMS — это универсальная платформа для любых consumer-каталогов.
О продукте
Решает дискуссию «можно ли наш SDUI-движок переиспользовать вне BMS». Yuverity — это consumer-каталог в другом домене (фарма / wellness), под другую палитру и иерархию данных. Использует те же фундаментальные паттерны: registry, layouts, globalThis store, 3-tier tokens.
Доменные сущности: Brand → Category → Product + News articles + Promo banners. Каждое из этих типов — свой widget в registry с биндингом на JSON-данные. Layout builders собирают экраны home / catalog / category / product / news / article.
Премиум health-палитра отделена от MCS-токенов: var(--yuv-*) c приставкой бренда. Светлые pastel-тона sage/mint/sand, мягкие радиусы, акценты на природных оттенках. Темизация через data-yuv-theme.
AI-генерация контента: GigaChat через /api/yuverity/generate-description пишет описания продуктов в едином tone-of-voice бренда. Embedding-индекс на pgvector — семантический поиск «успокоить нервы», «восстановить ЖКТ» подбирает релевантные продукты, не привязываясь к ключевикам.
Деплой — Docker Compose на нашем Proxmox VE: Next.js 16, PostgreSQL 16 с pgvector (каталог + embeddings), MinIO для упаковок и сертификатов. Один `docker compose up` — и MVP-витрина живёт. Тот же образ катится у клиента on-premise.
Ключевые возможности
Тот же SDUI-движок
Registry + Renderer + JSON layouts + globalThis store. Архитектурный клон mobile-demo для consumer-домена.
Premium brand-токены
Health-палитра sage/mint/sand с приставкой --yuv-*. 3-tier CSS tokens: primitives → semantic → component.
Доменные виджеты
Product-card, brand-hero, category-grid, news-article, promo-banner — отдельный registry под фарму/wellness.
Иерархия каталога
Brand → Category → Product. Drill-down навигация в iPhone-фрейме без смены URL основной страницы.
Admin CMS
/admin/yuverity — управление каталогом: бренды, категории, продукты, статьи, баннеры. Те же CMS-паттерны что в SDUI.
Изолирован от MCS
Не отображается в основном Navbar BC Control. Показывает доказательство универсальности движка.
AI-генерация описаний
GigaChat генерирует описания продуктов в едином tone-of-voice бренда. Контент-менеджер кликает «сгенерировать» вместо часов копирайтинга.
Семантический поиск
pgvector + embeddings: запрос «успокоить нервы» подбирает релевантные продукты, даже если в названии и описании нет таких слов.
Технологический стек
- Next.js 16
- React 19
- TypeScript strict
- Tailwind CSS 4
- Registry + Renderer
- Layout builders
- globalThis store
- JSON-driven UI
- PostgreSQL 16 + pgvector
- MinIO (S3-compat)
- Brand/Category/Product
- News + Promo
- GigaChat API
- Embeddings (semantic search)
- Tone-of-voice prompts
- Streaming generation
- Docker Compose
- Proxmox VE
- Caddy reverse-proxy
- Let's Encrypt
Что под капотом
- Тот же SDUI-движок, что в MCS Mobile: registry + JSON layouts + globalThis store
- Доказательство универсальности движка — работает вне BMS-домена
- Премиум health-палитра отделена через --yuv-* токены, не пересекается с MCS
- 12+ категорий, 60+ продуктов, статьи и баннеры — реальный объём каталога
- GigaChat генерирует описания продуктов в едином tone-of-voice бренда
- pgvector для семантического поиска — запросы по симптомам/целям, не по ключевикам
- MVP-стек на нашем Proxmox: docker compose up — и каталог в эфире за 10 минут
- MVP без корзины/авторизации/оплаты — фокус на архитектуре витрины
Посмотреть вживую
Нужна похожая разработка?
Обсудим задачу, соберём команду под стек и сроки, предложим прозрачную оценку.