Интернет-каталог сельхозтехники ЖНИВ-АГРО на Next.js

ЖНИВ-АГРО из Кременчуга более 15 лет производит и поставляет сельхозтехнику. В каталоге кукурузные (ЖКУ/ЖСУ) и подсолнечные жатки, адаптеры, рапсовые столы, транспортные тележки и запчасти, совместимые с жатками John Greaves серий ЖК-80, ЖК-82 и ЖНС. Также компания оказывает услуги металлообработки: токарную обработку, фрезеровку, сварку и резку.

Старый сайт работал на OpenCart и уже не соответствовал ни объему каталога, ни требованиям к скорости. Artbrain разработал новый сайт-витрину на Next.js 16 с PostgreSQL: ~219 товаров и ~471 фото перенесены со старого сайта, добавлены языковые версии UK/EN, интерактивная карта клиентов по Украине и кастомная CMS для самостоятельного управления контентом.

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

Ключевые требования: перенести весь каталог и фото без потерь, сохранить старые URL через 301-редиректы, добавить двуязычие UK/EN и сделать кастомную админку примерно на 30 разделов. Дизайн и интерактив (слайдеры, карта клиентов, галереи) должны остаться такими же, как согласовали с клиентом. Корзина не нужна: конверсия идет через заявку на звонок и форму обратной связи.

Согласованный дизайн собран на готовом шаблоне с большим количеством jQuery-кода: слайдеры, карта клиентов и галереи там включаются уже после загрузки страницы. Стандартный для Next.js подход, когда страницу после загрузки дополнительно обрабатывает React, конфликтовал с этим кодом и ломал верстку. Переписывать весь шаблон было долго и дорого, поэтому мы пошли по другому пути и разделили сайт на два контура.

Публичная часть сайта состоит из быстрых страниц-витрин. Они формируются на сервере: данные берутся из базы и отдаются браузеру уже готовым HTML, без дополнительной обработки в React. Благодаря этому дизайн и все плагины работают так, как задумано, а страницы открываются мгновенно. Админку, наоборот, сделали полноценным React-приложением, потому что там действительно нужна живая интерактивность. Так каждая часть сайта работает наиболее подходящим для нее способом.

Новый сайт zhnivagro.com.ua работает на Next.js 16 и PostgreSQL вместо старого OpenCart. Каталог из ~219 товаров и ~471 фото перенесен полностью, все старые адреса закрыты 301-редиректами, поэтому поисковая индексация и позиции сохранились. Сайт двуязычный (UK/EN), с поиском по каталогу, карточками товаров с характеристиками и совместимостью, блогом, FAQ и интерактивной картой клиентов по Украине.

Команда ЖНИВ-АГРО самостоятельно управляет каталогом, блогом, главной страницей и заявками через кастомную админку примерно из 30 разделов. Заявки из форм «Заказать звонок» сохраняются как лиды со статусами. Отдельно поработали над скоростью: стили шаблона уменьшили с 585 КБ до 64 КБ, а тяжелую карту перевели на ленивую загрузку, поэтому страницы открываются быстро даже на телефоне.