CartMart — B2B-маркетплейс витратних матеріалів для друку
Вебмаркетплейс для компаній, що торгують картриджами, тонером і деталями принтерів: каталог товарів, гуртові ціни та кабінет продавця.
Мета проєкту
Об’єднати професійних покупців і постачальників витратних матеріалів для друку в одному маркетплейсі, поєднавши пошук товарів, варіанти пакування та комерційні процеси у вебзастосунку.
Концепція
CartMart поєднує вітрину Next.js із бекендом Magento. Покупці можуть шукати товари за виробником, категорією та ціною, а постачальники — керувати пропозиціями у своєму кабінеті. У коді також є запити на товари, зустрічні пропозиції, імпорт CSV та процеси роботи із замовленнями.
Усередині маркетплейсу
Реальні екрани локально запущеного застосунку, підключеного до окремої інсталяції Magento з невеликим демонстраційним каталогом.
Скриншоти показують локальне демо з вигаданими компаніями, пропозиціями, цінами та залишками. Фото товарів і логотип CartMart взято з репозиторію проєкту. Платежі, листи, зовнішній переклад і зміни через інтерфейс вимкнено. Закупівлі, зустрічні пропозиції, імпорт CSV та виставлення рахунків не перевірялися наскрізно.
Переваги
- 🔎 Цільовий пошук — відбір товарів за виробником, категорією, типом і ціною.
- 📦 Умови закупівлі — порівняння пакування та цін залежно від кількості на сторінці товару.
- 🏷️ Простір продавця — перегляд власних пропозицій і доступ до інструментів керування товарами.
- 🤝 B2B-процеси — окремі інтерфейси запитів на товари та зустрічних пропозицій.
- 🛠️ Керування каталогом — дані товарів, варіанти та залишки в адміністративній панелі Magento.
Технології
Вітрина використовує Next.js, React і TypeScript, Apollo Client для GraphQL та Redux Toolkit для стану й REST-запитів. PHP-бекенд працює на Magento Open Source 2.4.7-p3 із модулями проєкту. Локальне демо використовує MariaDB та Elasticsearch.
- Next.js / React / TypeScript
- Apollo Client / GraphQL / Redux Toolkit
- PHP / Magento Open Source
- MySQL (MariaDB) / Elasticsearch
Розробка B2B-маркетплейсу матеріалів для друку
Торгівля витратними матеріалами для друку потребує більше, ніж переліку товарів із цінами. Професійним покупцям важливо розрізняти виробників, типи продукції, пакування та умови закупівлі залежно від кількості. CartMart показує, як вебмаркетплейс може організувати ці дані разом з інструментами продавця.
Каталог навколо рішень про закупівлю
Каталог CartMart підтримує фільтри за виробником, категорією, типом і ціною. Сторінки товарів поєднують фото й описи з варіантами пакування та ціновими рівнями. Для бізнес-покупця це збирає ключові умови закупівлі в одному місці, замість пошуку в окремих переліках.
Зв’язок вітрини та кабінету продавця
Застосунок Next.js надає каталог і екрани кабінету. Apollo Client звертається до Magento через GraphQL, а REST-ендпоінти обслуговують облікові записи та операції модулів проєкту. Magento зберігає каталог, конфігуровані товари та залишки; спеціальні модулі розширюють бекенд процесами маркетплейсу.
Що підтверджує локальне демо
Скриншоти документують справжній локальний клієнт Next.js та інсталяцію Magento з вигаданими даними. Демо охоплює перегляд каталогу, деталі товарів, пропозиції продавця та адміністрування каталогу. Зустрічні пропозиції, імпорт, закупівлі й рахунки є в коді, але не перевірялися від початку до кінця. Приклад показує структуру продукту та поведінку інтерфейсу без заяв про комерційні результати.