Dev Lab

Автобизнес · 2026

Сайт проката автомобилей с подбором по датам

Каталог парка, цена, посчитанная по длительности аренды, и форма заявки. Три языка, серверный рендеринг, каждая машина отдельной страницей.

Клиент
RentIt.md
Год
2026
Направление
Сайты
Срок
до 2 недель

Задача

Прокат живёт на поиске: человек пишет «аренда авто Кишинёв» и в конце пути должен найти конкретную машину, свободную на его даты, с ценой именно за эти дни. Это сразу три требования. Парк надо показывать с реальной доступностью на интервал, а не статичным списком. Цена должна меняться с длительностью, потому что при аренде на неделю день стоит не столько же, сколько на два дня. И каждая машина должна существовать как страница для поисковика, а не только на экране посетителя. Предыдущая версия была одностраничным приложением, поэтому последнего пункта не было вовсе.

Что сделали

Публичную часть собрали на Next.js с серверным рендерингом: HTML уходит готовым, с заголовками, описаниями и ценами. В каталоге появился выбор дат и фильтры по коробке, кузову и цене. Цена дня считается из тарифной сетки одной формулой, которая лежит в общем пакете с админкой, поэтому витрина и офис физически не могут показать разные суммы. Три языка с корректным hreflang, чтобы румынская, русская и английская версии не конкурировали друг с другом. Карточка каждой машины несёт структурированные данные Product и Offer, старые адреса редиректятся на новые. Бэкенд на Express и MongoDB оставили как был: он работал, переписывать его смысла не было. Сверху положили пятнадцать e2e-тестов, восемь на сайт и семь на админку.

Результат

Сайт в проде. Главный экран появляется за 0.8 секунды, сдвигов вёрстки нет вовсе, и каждая машина в каталоге теперь существует в поиске как собственная страница, а не как результат работы скрипта.

Стек

  • Next.js
  • React
  • TypeScript
  • Node.js
  • Express
  • MongoDB
  • Playwright

Экраны системы

  • Главная: подбор по датам прямо с первого экрана
  • Каталог с фильтрами по коробке, кузову и цене
  • Карточка машины: цена за выбранный период, из тарифной сетки
  • На телефоне, откуда приходит большинство поисковых запросов

В цифрах

до появления главного экраназамерено на проде, CLS 0.000
0.8 с
языка с корректным hreflangрумынский, русский, английский
3
e2e-тестов на сайт и админку
15