Avtoera — магазин запчастин з розборки авто зі США на Medusa і Next.js

Avtoera (avtoera.com) — авторозборка з Харкова, яка продає оригінальні вживані запчастини з автомобілів зі США: BMW, Audi, Ford, Tesla, Nissan, Jeep та ще майже два десятки марок. У каталозі десятки тисяч позицій, і щодня він оновлюється з облікової системи розборки. Спершу ми підтримували й доробляли старий магазин на WooCommerce з Elementor, а потім за погодженням із замовником переписали сайт з нуля на Medusa та Next.js і перенесли на нього всі замовлення, клієнтів і старі адреси сторінок.

Технічний стек

Бекенд і адмінка — Medusa v2 на PostgreSQL, вітрина — Next.js, пошук — Meilisearch, усе запущено в Docker за nginx і Cloudflare. Дві мови (російська й українська) зі спільними адресами товарів. Доставка — Нова Пошта через API, оплата карткою — monobank. Аналітика через GTM з подіями кошика й покупки, підміна номерів для коллтрекінгу Binotel.

Пошук деталі за авто

Покупець авторозборки шукає не «двигун», а «двигун на BMW X5 F15». Тому на першому екрані стоїть підбір за маркою, моделлю й категорією, у шапці є «Мій гараж», щоб не вводити авто щоразу, а під банером — усі марки з кількістю деталей у наявності. Для кожного поєднання марки, моделі й категорії є своя сторінка, і вона потрапляє в карту сайту, тільки якщо в ній є товари.

Пошук

Пошук працює на Meilisearch: підказки з фото й ціною з’являються під час набору, а знаходить він і за назвою, і за оригінальним номером деталі.

Картка товару

У вживаних запчастин головне — бачити реальний стан деталі. На картці є фото й відео конкретної деталі, артикул, оригінальний номер і номер на самій запчастині, ціна в гривнях і доларах, стікери «ТОП», «Рестайл», «New», «Відео» чи «Продано» й інші запчастини на ту саму модель. Купити можна через кошик або в один клік: лишаєш ім’я й телефон, і менеджер передзвонює, щоб перевірити сумісність.

Кошик і оформлення

Оформлення займає один екран: контакти, доставка (самовивіз зі складу в Харкові, Нова Пошта у відділення чи кур’єром, таксі), оплата й коментар. Відділення Нової Пошти підтягуються з API за обраним містом. Замовити в один клік можна й прямо з кошика.

Каталог, що оновлюється щодня

Товари приходять із XML-фіда облікової системи розборки: щодня імпорт додає нові позиції, оновлює ціни й залишки та знімає продане. Фото віддаються з сервера розборки через наш проксі, а якщо він не відповідає, сайт підставляє збережену копію. Для Google Merchant Center сайт сам формує фіди, а карту сайту ділить на частини по тисячі товарів.

Переїзд з WooCommerce

Новий сайт ми спочатку зібрали й перевірили поруч зі старим, звірили кількість товарів у наявності, а потім переключили домен. На новий сайт перенесли всі замовлення з історією статусів і клієнтів: коли старий покупець реєструється, його попередні замовлення підтягуються в кабінет автоматично. Старі адреси сторінок відповідають редиректами на нові, тож напрацьовані позиції в пошуку не загубились.

Адмінка й підтримка

Менеджери працюють в адмінці Medusa: дошка замовлень зі статусами, коментар менеджера, який не бачить покупець, і окрема роль «Менеджер» без доступу до налаштувань магазину. Статті блогу двома мовами теж пишуться в адмінці. На сервері налаштована автоматична чистка диска, а сайт ми супроводжуємо далі за завданнями замовника.

Мобільна версія

На телефоні першим іде швидкий підбір запчастини, «Мій гараж» і пошук винесені під шапку, а внизу закріплена панель: магазин, пошук, обране, акаунт і категорії.

Підсумок

За нами повний цикл: підтримка старого магазину, переписування на Medusa й Next.js, підбір за авто й пошук, картка з відео, оформлення з Новою Поштою й monobank, щоденний імпорт каталогу, фіди для Merchant Center, переїзд із замовленнями, клієнтами й редиректами, адмінка для менеджерів і супровід сервера.