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, переезд с заказами, клиентами и редиректами, админка для менеджеров и сопровождение сервера.