Сайт на Next.js · запись по госномеру, фотоотчёт, согласование
Автосервис с записью и статусом ремонта
Клиенты автосервиса боятся двух вещей: что цена вырастет в процессе и что починят лишнее. А сервис теряет время на звонки «ну что там» и согласования по телефону. Здесь цена работы видна до записи и зависит только от класса машины, запись идёт по госномеру — модель и история подтягиваются сами, а окно выбирается по реальной загрузке подъёмников. Всё, что мастер нашёл сверх заказа, приходит фотоотчётом: клиент сам отмечает, что делать сейчас, а что отложить, и сумма пересчитывается на глазах. Отложенное не теряется — оно ждёт в гараже вместе с историей визитов и напоминанием о ТО по пробегу.
Сценарий: Автосервис «Торк» в Казани на четыре поста и демо-клиент Дмитрий с Hyundai Creta — вымышленные: машина на ТО, заказ № 2417 ждёт решения по трём находкам — колодкам, пыльнику ШРУСа и течи клапанной крышки.
Открыть демо
Статус ремонта — по кнопке в шапке: заказ 2417, последние цифры телефона 4237. Гараж — в меню и подвале.
Заявки с демо-сайта видны только вам, в «Панели владельца»: сервер проверяет форму и ничего не хранит.
Что показывает демо
Как попробовать
Запишитесь по номеру
На первом экране нажмите «Е 901 КХ 116» и стрелку — форма найдёт Hyundai Creta в базе. Добавьте работу, выберите окно и оставьте имя с телефоном — получите файл для календаря.
Опишите, что стучит
В блоке «Что стучит?» напишите «стучит спереди на кочках» — увидите вероятные причины с процентами и цену. «Записаться с этим описанием» перенесёт работы в форму записи.
Согласуйте ремонт по фото
«Статус ремонта» в шапке → «Подставить» → заказ 2417. Отложите пыльник — сумма уменьшится, — согласуйте остальное и двигайте этапы демо-кнопкой до «Готов к выдаче».
Оплатите и загляните в гараж
Оплатите по СБП — ремонт появится в истории гаража, отложенная работа — в списке с кнопкой записи. Введите пробег 61 000 — ТО станет просроченным; включите напоминание.
Откройте панель владельца
Запись, согласование, оплата и напоминание лежат во вкладке «Заявки» — как в CRM сервиса.
Без платных нейросетей
Платных запросов к нейросетям нет: разбор «что стучит?» построен на правилах по ключевым словам с прайсом сервиса, в рабочей версии на этом месте языковая модель с прайсом и статистикой ремонтов. Загрузка постов — детерминированная заглушка расписания, одинаковая для всех посетителей. Оплата имитируется, состояние заказа и гаража хранится только в вашем браузере, заявки видны только вам в «Панели владельца». Сервис, мастера, отзывы и цены — вымышленные.
Демо работает без API-ключей OpenAI, YandexGPT или GigaChat. Там, где рабочая система обращается к модели, стоит локальная заглушка с тем же интерфейсом — поэтому демо бесплатно, всегда доступно и ничего не выдумывает.
Что будет в рабочем проекте
- Расписание постов, заказ-наряды и история — из программы сервиса (1С:Автосервис, Rapid, YCLIENTS) через API, сайт — витрина тех же данных
- Госномер и VIN — проверка по базам (ГИБДД, автокод) с подстановкой модели, двигателя и комплектации
- Фотоотчёт мастер делает с планшета в приложении сервиса, клиент получает ссылку в SMS, Telegram или Max
- Оплата через эквайринг с СБП (ЮKassa, Т-Банк) с чеком по 54-ФЗ, заявки и согласования — в amoCRM или Битрикс24
- Разбор симптомов — языковая модель (YandexGPT или GigaChat) с прайсом сервиса и статистикой реальных ремонтов в запросе
Стек
- Все демо по стеку:
- Next.js
- React
- TypeScript
- Next.js 16
- React 19
- TypeScript
- Tailwind CSS 4
- Server Actions
Основано на
Книги и дисциплины, идеи из которых работают в этом демо.
Книга · Уильям Арнц, Бетси Чейс, Марк Висенте
Что мы вообще знаем?
В разборе «Что стучит?» сайт задаёт уточняющий вопрос «когда проявляется» вместо того, чтобы сразу выдать готовый ответ, и точность растёт.
Комментарий от разработчика
Антон Гончаров
Разработчик ИИ-систем · Python
Для бизнеса
- Цена работы видна до записи, а всё найденное сверх заказа клиент согласует сам по фото: исчезает главный страх «насчитают лишнего», а средний чек растёт за счёт честно показанных находок.
- Статус ремонта и ссылка на оплату снимают с мастера-приёмщика звонки «ну что там» — он тратит время на машины, а не на телефон.
- Отложенные работы и напоминание о ТО по пробегу возвращают клиента в сервис, а не к конкуренту рядом с домом.
Для разработчиков
- Госномер нормализуется в кириллицу с проверкой по формату и допустимым буквам, VIN — по длине и алфавиту без I, O и Q; модельный год читается из десятого символа.
- Свободные окна — пересечение интервалов занятости четырёх постов с длительностью всех выбранных работ; расписание-заглушка детерминировано, поэтому одинаково у всех посетителей и в тестах.
- Счёт, этапы и прогноз ТО — чистые функции с тестами; прогноз считает темп езды этой машины по истории визитов и выбирает, что наступит раньше: пробег или срок.
Советы
Совет 01
Показывайте находки фотографией с понятной срочностью и кнопкой «отложить»: клиент, которому разрешили отказаться, соглашается чаще.
Совет 02
Записывайте по госномеру, а не по марке из списка: клиент не ошибётся в модели, а сервис сразу видит историю машины.
Нужен такой же для вашего бизнеса?
Расскажите о задаче — отвечу, что из демо подойдёт вам, сколько это займёт и что понадобится с вашей стороны.
Другие демо в этом разделе
Все демо- работает
Сайт на Next.js · лендинг услуги
Лендинг стоматологии
Одностраничный сайт клиники, который приводит пациентов: квиз подбирает лечение, калькулятор считает план с рассрочкой, онлайн-запись показывает свободное время врачей, ИИ-консультант отвечает по прайсу. Заголовок проверяется A/B-тестом, заявки и цели видны в панели владельца.
- Next.js
- React
- TypeScript
- работает
Сайт на Next.js · B2B, многостраничный
Сайт производственной компании
Многостраничный сайт завода металлоконструкций, который продаёт сам: калькулятор считает стоимость здания с живым чертежом, конструктор собирает техзадание, кейсы фильтруются по отрасли, на вакансии можно откликнуться с резюме, а поиск по сайту понимает запросы своими словами.
- Next.js
- React
- TypeScript
- работает
Сайт на Next.js · каталог, карта, сравнение
Каталог недвижимости с умным поиском
Каталог квартир агентства недвижимости: напишите «двушка у метро до 12 млн» — поиск сам выставит фильтры, покажет квартиры на карте города, сравнит до четырёх и пришлёт новые в Telegram.
- Next.js
- React
- TypeScript
- работает
Сайт на Next.js · ИИ-перевод, SEO по языкам
Экспортный сайт на четырёх языках
Сайт экспортёра алтайского мёда на русском, английском, китайском и арабском: переведённые адреса страниц, SEO по языкам, калькулятор оптовой цены с доставкой и студия перевода, которая проверяет черновик нейросети по глоссарию.
- Next.js
- React
- TypeScript
- работает
Сайт на Next.js · кабинет, ИИ-помощник, Telegram
Личный кабинет клиента
Кабинет клиента типографии: заказы с этапами производства, согласование макета с правками прямо на макете, счета с оплатой по СБП, документы с электронной подписью, новый заказ с расчётом цены, чат с ИИ-помощником и менеджером, уведомления в Telegram.
- Next.js
- React
- TypeScript
- работает
Сайт на Next.js · Python в браузере, ИИ-наставник
Онлайн-школа с кабинетом ученика
Онлайн-школа аналитики: лендинг с задачей на Python, которая проверяется прямо в браузере, тест уровня с персональной программой, рассрочка с расчётом налогового вычета, кабинет ученика с домашними заданиями и ИИ-ревью, ИИ-наставник по материалам курса и сертификат с проверкой по QR-коду.
- Next.js
- React
- TypeScript
- работает
Сайт на Next.js · разбор ситуации, претензии, калькуляторы
Юридическая компания с ИИ-разбором
Сайт юрфирмы: ситуация своими словами прямо в шапке, ИИ-разбор с оценкой перспектив, претензия в Word, госпошлина, неустойка и срок давности, чек-лист документов, ход дела в личном кабинете, конструктор цены и запись к юристу.
- Next.js
- React
- TypeScript
- работает
Сайт SaaS на Next.js · песочница, кабинет, API
SaaS: ИИ-ответы на отзывы WB и Ozon
Сайт и кабинет SaaS-сервиса, который отвечает на отзывы Wildberries и Ozon: песочница с разбором отзыва и проверками, автопилот по рейтингу, очередь с согласованием, аналитика тем, тарифы с калькулятором окупаемости, подключение магазина по ключу, счёт по ИНН и документация API с живой консолью.
- Next.js
- React
- TypeScript
- работает
Сайт ресторана на Next.js · меню, бронь, доставка
Ресторан с доставкой
Сайт ресторана с доставкой: меню с фильтрами по аллергенам и диетам, ИИ-подбор ужина по обычной фразе, бронь стола по схеме зала со свободными столами на выбранное время, корзина с зонами доставки, минимальным заказом и промокодами, отслеживание заказа с курьером на карте.
- Next.js
- React
- TypeScript
- работает
Сайт фитнес-студии на Next.js · запись, абонементы, кабинет
Фитнес-студия
Сайт фитнес-студии малых групп: расписание на неделю с местами и записью в два клика, лист ожидания с автоматическим переносом в группу, абонементы с заморозкой из кабинета, ИИ-план тренировок на 4 недели по пяти вопросам и личный кабинет со статистикой посещений.
- Next.js
- React
- TypeScript
- работает
Сайт IT-конференции на Next.js · программа, билеты, нетворкинг
Сайт конференции
Сайт двухдневной конференции: программа по залам и трекам с личным расписанием, ИИ-подбор докладов без пересечений по роли и свободному тексту, билеты волнами с промокодами и скидкой команде, QR-код на каждого участника с проверкой на входе и нетворкинг с подбором собеседников и встречами в перерывах.
- Next.js
- React
- TypeScript
- работает
Корпоративный сайт логистики на Next.js · калькулятор, трекинг, ИИ-заявка
Сайт транспортной компании
Корпоративный сайт транспортной компании: калькулятор, который сразу сравнивает сборный груз и отдельную машину, отслеживание груза с машиной на карте, ИИ-разбор заявки из письма или накладной с подсветкой пропущенных полей, карта складов и терминалов с расчётом хранения, анкета перевозчика с проверкой допуска и реквизиты с проверкой контрольных сумм.
- Next.js
- React
- TypeScript