Calavera
"Стоковий шаблон Nivoda переробив у luxury діамантовий маркетплейс з інвентарем у реальному часі."
- 500K+
- +65%
- 100%
Ювелірний магазин на стандартному шаблоні Nivoda — повільно, без можливості змін, клієнти йшли. Перебудовано як headless-платформу: пошук менше 50 мс по 500K+ каменях, конструктор каблучок і бекенд, який працює сам.
Повна відповідальність за архітектуру, фронтенд, бекенд, інфраструктуру та деплой.
Проблема
Стандартна вітрина Nivoda не давала контролю над дизайном і втрачала клієнтів ще до завантаження каталогу. Власного бекенду не було, тому свій пошук, ціноутворення й чекаут були неможливі.
Підхід
- 01Побудував вітрину на Next.js: редакційний стиль, 14 форм діамантів з інтерактивними діаграмами, безкінечна прокрутка поверх Typesense.
- 02Створив покроковий конструктор каблучок — оправа, діамант, метал, гравіювання, чекаут — зі станом у PostgreSQL.
- 03Замінив залежність від Nivoda вісьмома сервісами: адаптивний сканер за ціновими діапазонами, 200 паралельних воркерів і конвеєр map/price/rate.
- 04Додав версійований кеш з ETag — 95% влучань, відповідь менше 50 мс — і шар резервування, який закриває вікно подвійного продажу.
- 05Підключив чекаут до чернеток замовлень Shopify: чотири способи входу, спільний кошик і вішліст, промокоди, розрахунок доставки.
Жива вітрина · редакційна
Результат
- →Зі стокового шаблону Nivoda — в повністю кастомну luxury-платформу.
- →500K+ діамантів у пошуку. Typesense відгук менше 50мс по 28 фасетах.
- →Нуль подвійних продажів з моменту запуску. Холди + атомарне версіонування + погодинний крон.
- →Конструктор каблучок в продакшні — повний сесійний флоу від оправи до чекауту, 40+ компонентів.
- →43 фронтенд-сторінки, 8 API ендпоінтів, 32 тест-файли (E2E + unit), 22 шарених UI компоненти.
- →15-сторінковий адмін-дашборд: 487K діамантів, 3 фіди, 99.7% success rate пайплайну.
Бізнес-вплив
Конструктор каблучок відкрив сценарії покупки, яких раніше не існувало, а пошук менше 50 мс поглибив перегляд каталогу. Подвійних продажів немає, і вісім сервісів тримають залишки живими без ручного втручання.
Redesign comparison
Під капотом
Клієнтська вітрина
- Next.js 16 · React 19 · TypeScript
- Typesense · 28-фасетний пошук діамантів
- Конструктор каблучок · 40+ компонентів
- Radix UI · Embla Carousel · Motion
- Better Auth · 4 OAuth провайдери
Пайплайн поглинання
- 8 Azure мікросервісів · Terraform IaC
- KEDA автоскейлінг · 0→200 воркерів
- Адаптивне сканування щільності
- Pricing Engine · Rating Engine
- Атомарне версіонування датасету
Комерція і дані
- Shopify Headless · Storefront API
- Nivoda API · холди діамантів
- PostgreSQL · Prisma 7
- Draft orders · промокоди
- Токени шерінгу кошика + вішліста
Інфра і моніторинг
- Azure Container Apps · Docker
- Cloudflare CDN · Vercel
- Vercel Crons · оновлення холдів
- Playwright E2E · Vitest
- CI/CD: typecheck → deploy
Next.js стек — сучасний, стабільний, легко знайти розробника. Не чорна скринька теми.
Я продовжую додавати фічі, фікси й інтеграції, поки магазин росте. Без агентського локіну.
Архітектура масштабується разом з каталогом і трафіком — без примусового реплатформінгу.
Хочете магазин, що працює автономно?
Якщо у вас є legacy-магазин, що втрачає гроші через повільні сторінки, ручне введення замовлень чи крихкі інтеграції — давайте поговоримо. Я веду проєкти від архітектури до запуску і залишаюся їх підтримувати.