Интернет-магазин освещения «Красиво Светим»

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

При переносе было важно сохранить структуру каталога и поисковые URL, не потерять изображения и данные, а также заранее определить порядок переключения, проверки и восстановления. Поэтому работа включала не только интерфейс, но и модель данных, редактор каталога, SEO-контракт, медиатеку и эксплуатационный контур.

Современная архитектура и редактор каталога

Я собрал приложение на Next.js App Router и TypeScript, вынес данные в PostgreSQL через Prisma и разделил публичную витрину, редактор и фоновые сервисы. Каталогом, страницами и настройками можно управлять без правок в шаблонах.

Большой каталог и вариативные предложения

На дату аудита в системе было более 1 500 товарных записей, 304 вариации, 65 категорий и 14 брендов. Варианты товара остаются внутри одной карточки: это упрощает выбор для покупателя и не создаёт лишние дубли страниц для поисковых систем.

Поиск и фильтрация

Я реализовал поиск по каталогу, серверную выдачу, пагинацию и фильтры по бренду и подтверждённым характеристикам. Один и тот же контракт работает на desktop и mobile; состояние выдачи сохраняется в понятном URL, а служебные facet-адреса не конкурируют с основными страницами в индексе.

Карточка товара и коммерческие сценарии

Карточка поддерживает обычные и вариативные товары, скидки, остатки, цену по запросу, избранное, связанные позиции и галерею. Для вариативного предложения покупатель выбирает параметры в одной карточке и получает согласованные цену и доступность.

Медиатека и responsive images

Большая медиатека хранится отдельно от приложения. Для витрины формируются responsive-версии изображений, включены lazy loading и стабильные размеры блоков — страницы передают меньше лишних данных и сохраняют композицию фотографий.

SEO и стабильные URL

Я сохранил управляемые canonical, metadata, robots и sitemap, добавил BreadcrumbList и товарную structured data. Старые адреса товаров сохраняются как одношаговые постоянные редиректы на актуальный URL; при изменении названия или бренда не возникает цепочек и дублей.

Контролируемый production-запуск

Перед переключением были подготовлены дампы, проверка восстановления и точный rollback. Релизы приложения выполняются отдельно от базы и фоновых сервисов, проходят health- и browser-проверки, а резервные копии контролируются отдельным операционным контуром.

В результате магазин получил управляемую современную платформу: большой каталог, вариативные товары, поиск, фильтры, адаптивную витрину и единый SEO-контракт. Структура данных и URL подготовлены к дальнейшему развитию без возврата к разрозненным доработкам.

В документированной приёмке 24 representative mobile и desktop измерения дали p75 LCP 2,36 с и p75 CLS 0. Я не связываю эти технические показатели с ростом продаж или трафика: такие бизнес-результаты в кейсе не заявляются без отдельной аналитики.