Интернет-магазин брендовой одежды, который сам берёт каталог у поставщика
Витрина для украинского ресейла одежды и аксессуаров: товары, фото, размеры и остатки приходят из каталога поставщика, на сайте показывается только то, что есть в наличии. Корзина, оформление заказа и две языковые версии собраны за один день.
sinnerThreads: витрина с товарами из наличия, UA / EN
Задача
Магазин ресейла брендовой одежды и аксессуаров для Украины работает по дропшиппингу: товар лежит у поставщика, продавец только показывает его и принимает заказы. Вести такой каталог вручную значит каждый день переписывать фото, размеры, цены и остатки.
Покупатель при этом в основном с телефона и хочет увидеть сразу три вещи: что именно продаётся, есть ли его размер и как это доехать (доставка Новой почтой). Нужен был магазин, который отвечает на это на первом экране и не требует ручного ведения.
Решение
Собрали магазин, где каталог живёт в системе поставщика, а сайт только красиво и честно его показывает.
Каталог без ручной работы
Вся витрина берётся одним запросом к API поставщика: категории, фото, размеры, остатки и цены. Данные кешируются на 15 минут, как и в самой системе поставщика. В выдачу не попадают товары без фото, комплекты и упаковка, поэтому витрина всегда выглядит аккуратно.
Цена и наличие под контролем
Для покупателя берётся рекомендованная цена поставщика, а если её нет, то закупочная с наценкой. Корзина хранится на сервере: цены и остатки перепроверяются при каждом изменении и ещё раз на оформлении заказа, поэтому подменить цену на стороне браузера нельзя.
Оформление заказа
Наложенный платёж работает сразу, оплата картой подключается через LiqPay или WayForPay. Заказ создаётся в CRM поставщика и дальше уходит ему на сборку и отправку.
Витрина, которая продаёт товаром
Первый экран сразу показывает, что продаётся: крупный заголовок и реальные товары в наличии, без абстрактных картинок. Размер и наличие видны везде, где есть товар, а отсутствующие позиции показываются серыми, а не значком на фото. Дизайн чёрно-белый, вместо карточек и теней пунктирные «швы», в фоне анимированная нить и карусель категорий.
Две языковые версии
Украинский язык по умолчанию и полная английская версия по адресу /en, с переключателем и отдельными метаданными для поисковиков.
Технологии
Next.js, React и Tailwind CSS. Каталог и заказы идут через API поставщика (МійДроп), корзины и заказы хранятся в Supabase (Postgres) с доступом только с сервера. Платежи через LiqPay и WayForPay, деплой на Vercel. Анимации на Motion, иконки Phosphor, sitemap и robots для поиска.
Результат
Магазин работает на Vercel, каталог обновляется сам, а владельцу не нужно вести ни карточки товаров, ни остатки. Для приёма реальных заказов остаётся подключить реквизиты продавца и платёжного провайдера.