Сайт SaaS на Next.js · песочница, кабинет, API
SaaS: ИИ-ответы на отзывы WB и Ozon
Продавцу на маркетплейсе отзывы нужны дважды: ответ влияет на рейтинг, а жалобы подсказывают, что чинить в товаре. Сервис закрывает рутину — пятёрки уходят сами, — но не отдаёт машине то, где нужен человек: брак, поломки и обвинения приходят задачей с черновиком. Перед публикацией каждый ответ проходит проверки, которые маркетплейсы действительно применяют: никаких телефонов, ссылок и других площадок.
Сценарий: Сервис «Отклик» из Новосибирска и его клиент — бренд товаров для дома «Северный дом» с магазинами на WB и Ozon — вымышленные: шесть товаров, двенадцать отзывов в очереди и поток новых.
Открыть демо
В песочнице на первом экране выберите отзыв — ответ напечатается с разбором и проверками. Кабинет продавца и документация API — по ссылкам в шапке; пробный период, подключение магазина и счёт появятся в панели владельца.
Заявки с демо-сайта видны только вам, в «Панели владельца»: сервер проверяет форму и ничего не хранит.
Что показывает демо
Как попробовать
Ответьте на отзыв
В песочнице выберите «Подтекает крышка» или «Жулики» — посмотрите, как меняются ответ, тон и решение автопилота.
Сломайте проверки
Нажмите «Править», впишите телефон или «вернём деньги» и попробуйте опубликовать — проверки остановят ответ.
Запустите автопилот
В кабинете нажмите «Запустить автопилот», затем «Живой поток» — новые отзывы будут приходить и разбираться сами.
Поменяйте правила
Во вкладке «Автопилот» отправьте пятёрки на согласование или добавьте стоп-фразу — предпросмотр покажет, что изменится.
Отправьте запрос в API
На странице API выберите пример «Телефон в ответе → 422» и нажмите «Отправить» — консоль вернёт ошибку проверки.
Без платных нейросетей
Платных запросов к нейросетям нет: ответ собирают правила и шаблоны в браузере — разбор тем по словарю, фразы под тон бренда и жалобы, советы по конкретному товару. В рабочей версии на этом месте языковая модель, а разбор, проверки и автопилот те же. API-консоль выполняет запросы локальной реализацией; ключи магазинов проверяются только по формату и никуда не отправляются. Сервис, бренд и отзывы — вымышленные.
Демо работает без API-ключей OpenAI, YandexGPT или GigaChat. Там, где рабочая система обращается к модели, стоит локальная заглушка с тем же интерфейсом — поэтому демо бесплатно, всегда доступно и ничего не выдумывает.
Что будет в рабочем проекте
- Отзывы и публикация ответов — API продавца Wildberries (Feedbacks API) и Ozon Seller API, опрос раз в 5 минут с очередью и повторами
- Ответ — языковая модель (YandexGPT или GigaChat) с карточкой товара, правилами бренда и примерами удачных ответов в запросе; проверки — после модели, как в демо
- Задачи по негативу — в Telegram-бот или CRM ответственного, с черновиком и ссылкой на отзыв
- Биллинг: тарифы и докупка ответов, счёт и акт через ЭДО, оплата картой через эквайринг
- Публичный API с ключами по магазину, лимитами, журналом и подписанными вебхуками
Стек
- Все демо по стеку:
- Next.js
- React
- TypeScript
- Next.js 16
- React 19
- TypeScript
- Tailwind CSS 4
- Server Actions
Комментарий от разработчика
Антон Гончаров
Разработчик ИИ-систем · Python
Для бизнеса
- Пятёрки и четвёрки уходят сами в течение получаса — продавец перестаёт отвечать по вечерам, а покупатели видят живой магазин.
- Негатив не тонет в общем потоке: брак и обвинения приходят ответственному задачей с черновиком, а не публикуются машиной.
- Темы отзывов показывают, что чинить в карточке: таблица размеров или фото при дневном свете убирают целый класс троек.
Для разработчиков
- Разбор, генерация, проверки и автопилот — чистые функции с тестами; один и тот же код работает в песочнице, кабинете и API-консоли.
- Проверки идут после генерации и не зависят от модели: замена шаблонов на LLM не ослабляет защиту от телефонов, ссылок и обещаний.
- Кабинет хранит очередь в localStorage через useSyncExternalStore — состояние переживает перезагрузку и синхронизируется между вкладками.
Советы
Совет 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 · запись по госномеру, фотоотчёт, согласование
Автосервис с записью и статусом ремонта
Сайт автосервиса: запись по госномеру или VIN в свободные окна постов, разбор «что стучит?» с вероятными причинами и вилкой цены, статус ремонта с фотоотчётом, согласованием доп. работ и оплатой по ссылке, гараж с историей обслуживания и прогнозом следующего ТО.
- Next.js
- React
- TypeScript
- работает
Сайт на Next.js · разбор ситуации, претензии, калькуляторы
Юридическая компания с ИИ-разбором
Сайт юрфирмы: ситуация своими словами прямо в шапке, ИИ-разбор с оценкой перспектив, претензия в Word, госпошлина, неустойка и срок давности, чек-лист документов, ход дела в личном кабинете, конструктор цены и запись к юристу.
- 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