ZStore — магазин котлов и отопительного оборудования в Алматы: газовые, дизельные и электрокотлы Navien, Kiturami, Buderus, Bosch, Rinnai, Ariston и других марок, дымоходы, комплектующие, датчики газа, монтаж и сервис.
Задача
Магазин работал на Laravel с админкой Orchid. Карта сайта отдавала 404, каталог оброс архивными позициями и дублями. Нужно было сохранить привычный покупателям дизайн и старые адреса, а внутри — сделать быстрый магазин с удобной админкой.
Что сделали
- Перенесли разделы, товары, характеристики и 988 фото (переведены в WebP). Описания очищены, пары «параметр: значение» превращены в характеристики, 486 архивных и дублирующих позиций убраны.
- Главная повторяет старую, но с улучшенной вёрсткой: слайдер, популярные категории, хиты, новинки, SEO-текст и FAQ.
- Каталог: дерево разделов, автоматические фильтры по характеристикам, сортировка, пагинация.
- Карточка товара: галерея на весь экран, характеристики, скидка, кнопка WhatsApp, похожие товары.
- Корзина и избранное без регистрации. Заказ в одном окне, на телефоне — выезжающая снизу панель. Цена берётся из базы, подменить её в браузере нельзя.
- Заявки и заказы сохраняются в базу и приходят в Telegram.
- Поиск по названию и артикулу, скидки и акции, страница со скидками.
- Посадочные страницы: бренды, монтаж и сервис, подбор котла, самовывоз. Блог и SEO-тексты для 40 разделов и главной.
- Админка «Студия»: сводка «Сайт за 7 дней», заявки, заказы, товары, разделы деревом с перетаскиванием, баннеры главной, скидки, статьи, медиатека.
- SEO: редиректы со старых адресов, новый sitemap, robots.txt, шаблоны title и description, canonical, noindex для страниц с фильтрами, разметка schema.org (Store, Product, Offer, FAQPage, BreadcrumbList).
- Яндекс Метрика и GA4, Яндекс Вебмастер и Search Console.
- Автопроверка вёрстки на 12 размерах экрана: без горизонтальной прокрутки и текста мельче 12 px.
Цифры проекта
- 429 страниц в карте сайта: 364 товара, 44 раздела каталога.
- Ответ сервера: главная — 0,15 с, раздел каталога — 0,13 с.
- 138 модульных тестов, сквозные тесты витрины и админки.
Технологии
Next.js 16, React 19, Payload CMS 3, PostgreSQL, Tailwind CSS, редактор TipTap. Собственный VPS: nginx, pm2, мониторинг каждые 5 минут с оповещением в Telegram, ежедневные копии базы.