Интернет-магазин одежды VOLNA

Задача

Создать интернет-магазин с автоматической синхронизацией товаров и остатков со складской системой 1С. В проекте также требовались онлайн-оплата, доставка, личный кабинет покупателя и возможность ручного редактирования данных через CMS.

Решение

Архитектура и производительность

Реализована архитектура на Next.js с разными подходами к рендерингу страниц: статическая генерация для каталога, автообновление карточек товаров без полной пересборки и серверный рендеринг для личного кабинета.

Настроена оптимизация изображений, подключение шрифтов без смещения верстки, кэширование данных и стабильная работа страниц при обновлении товаров и остатков.

SEO-оптимизация

Добавлены динамический sitemap.xml, robots.txt, шаблонные мета-теги для страниц каталога, товаров и категорий. Настроены canonical URL, человекочитаемые адреса страниц и 301-редиректы при изменении или удалении товаров.

Реализована базовая микроразметка Schema.org для товаров, хлебных крошек и организации. Страницы подготовлены для индексации и корректного отображения при шаринге в соцсетях.

Функциональность магазина

Реализованы каталог, поиск, фильтрация товаров, карточки товаров, корзина, оформление заказа и личный кабинет с историей покупок.

Добавлены онлайн-оплата через ЮKassa, доставка CDEK с выбором пункта выдачи на карте, интеграция с Яндекс.Картами, email-уведомления, промокоды, скидки, похожие товары, отзывы и напоминание о брошенной корзине.

Настроена ежедневная синхронизация товаров и остатков с 1С, а также передача заказов из магазина обратно в складскую систему.

Аналитика, мониторинг и деплой

Подключены Google Analytics и Яндекс.Метрика. Добавлен мониторинг ошибок через Sentry, логирование запросов к 1С и платёжной системе, уведомления об ошибках оплаты в Telegram и на почту.

Настроены сервер, Docker-окружение, production-деплой и CI/CD.

Результат

Бизнес получил управляемый интернет-магазин, где товары и остатки обновляются автоматически, заказы передаются в 1С, а контентные страницы редактируются через CMS без участия разработчика.

CMS, складская система, платёжный сервис и служба доставки объединены в единый автоматизированный процесс. Основные показатели Google Lighthouse вышли в зелёную зону.