B2B-портал

ШинаРус — оптовый портал
для дилеров шин

Разработали закрытый кабинет на Next.js 15: каталог, мультисклад, корзина, оформление заказов, разделы «Заказы» и «Финансы» с УПД и актами — с headless-интеграцией в систему оптовых продаж заказчика.

b2b.шинарус.рф
КлиентШинаРус
ОтрасльОпт шин / B2B
УслугаПортал + интеграции
СтекNext.js 15 + TypeScript

ШинаРус — поставщик шин для дилерской сети

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

Новый портал объединяет каталог, корзину и финансовый блок в одном современном интерфейсе: менеджер остаётся на связи, но рутинные операции клиент выполняет сам.

Задача

  • Заменить устаревший сценарий заказов «только через менеджера» на самообслуживание 24/7
  • Показать оптовые цены и остатки по нескольким складам в одном интерфейсе
  • Вывести финансовые документы и статусы заказов из учётной системы в личный кабинет
  • Обеспечить безопасность токенов и устойчивость под нагрузкой оптовых клиентов

Ключевые модули портала

🔐

Безопасный вход

Авторизация с JWT в httpOnly-cookies, защита маршрутов middleware, опция «Запомнить» и редирект в каталог после входа.

📋

Каталог в таблице

Поиск по артикулу и типоразмеру, набор фильтров (ширина, профиль, бренд, сезон, шипы, склад), пагинация и B2B-цены.

🏬

Состав заказа по складам

Корзина группирует позиции по точкам отгрузки: видно остаток, количество и сумму по каждому складу.

🛒

Оформление и резервы

Пошаговое оформление заказа, очередь на стороне сервера и синхронизация статусов с учётной системой.

📦

Мои заказы

Список заказов с номерами, статусами («К обеспечению» и др.), суммами и быстрым поиском по истории.

💳

Финансы и документы

Вкладки УПД, платежи, график платежей и акт сверки; выбор периода; скачивание УПД в PDF.

👤

Профиль и контрагент

Переключение договоров и контрагента, контакты личного менеджера в боковой панели.

Серверные API и кеш

Маршруты Next.js App Router проксируют данные учётной системы; тяжёлые справочники кешируются для стабильной скорости.

Технический стек

Фронтенд на App Router с серверными API routes; состояние корзины на Zustand; фоновые задачи и кеш на SQLite через Drizzle; PDF документов — pdfmake. Интеграция с backend заказчика остаётся за защищёнными endpoint-ами без утечки секретов в браузер.

Next.js 15
React 19
TypeScript
Tailwind CSS 4
TanStack Query
Zustand
Drizzle ORM
better-sqlite3
pdfmake

Интерфейс портала

b2b.шинарус.рф / login
Страница входа B2B-портала ШинаРус
/catalog
Каталог шин B2B ШинаРус
/orders
Раздел заказов ШинаРус
/finance — УПД и период
Финансы и УПД в кабинете ШинаРус

Нужен похожий портал или кабинет?

Опишите интеграции и объём номенклатуры — предложим архитектуру и сроки.