Сайт IT-конференции на Next.js · программа, билеты, нетворкинг
Сайт конференции
На конференции с тремя залами участник тратит первый час на то, чтобы понять, куда идти, — и всё равно оказывается не на том докладе. Здесь он пишет своими словами, чем занимается, и получает расписание без пересечений, где каждый выбор объяснён. Билеты оформляются сразу на всю команду со счётом для юрлица, а знакомства перестают быть случайными: система показывает, кто нанимает, кто ищет подрядчика, и закрепляет стол на перерыв.
Сценарий: Конференция «Градиент» в Нижнем Новгороде — вымышленная: 2 дня, 3 зала, 4 трека, 32 доклада и воркшопа, 20 спикеров, 900 участников.
Открыть демо
Отметьте доклады звёздочкой или пройдите ИИ-подбор — попробуйте написать задачу своими словами. Купите билеты с промокодом GRADIENT10, STUDENT или NN2026, на странице заказа «просканируйте» билет на входе. В кабинете можно войти демо-участницей и назначить встречу на нетворкинге. Покупки, расписания и встречи появятся в панели владельца.
Заявки с демо-сайта видны только вам, в «Панели владельца»: сервер проверяет форму и ничего не хранит.
Что показывает демо
Как попробовать
Соберите расписание
В блоке «ИИ-подбор» напишите, например, «я бэкенд-разработчик, внедряем RAG в поддержку, но выходит дорого» и нажмите «Подобрать доклады».
Поправьте выбор
Посмотрите объяснение у каждого доклада, замените один на альтернативу из списка и сохраните расписание в кабинет.
Купите билеты
Выберите «Стандарт» на двоих, введите промокод STUDENT и оплатите счётом для юрлица — ИНН проверяется по контрольной сумме.
Пройдите на входе
На странице заказа нажмите «Сканировать билет 1» дважды: первый раз пропустит, второй — «уже прошёл». Передайте второй билет коллеге — старый QR-код перестанет действовать.
Назначьте встречу
В кабинете на вкладке «Нетворкинг» заполните профиль, выберите собеседника и свободный слот в перерыве.
Без платных нейросетей
Платных запросов к нейросетям нет: запрос своими словами разбирают правила в браузере, а расписание собирает алгоритм выбора непересекающихся докладов с максимальной пользой для участника. В рабочей версии текст понимает языковая модель, а программа и правила залов даются ей как инструменты — она не предложит доклад, которого нет, и не поставит два доклада на одно время. Участники нетворкинга и их занятость смоделированы; конференция, спикеры и доклады — вымышленные.
Демо работает без API-ключей OpenAI, YandexGPT или GigaChat. Там, где рабочая система обращается к модели, стоит локальная заглушка с тем же интерфейсом — поэтому демо бесплатно, всегда доступно и ничего не выдумывает.
Что будет в рабочем проекте
- Билеты — продажа через эквайринг с чеком по 54-ФЗ или билетный сервис (Timepad, Яндекс Афиша) по API; счета для юрлиц — из 1С
- Проверка на входе — приложение для волонтёров со сканером QR, работает без сети и синхронизируется
- Письма с билетами и напоминаниями — через сервис рассылок; встречи — уведомления в Telegram-боте конференции
- ИИ-подбор — языковая модель (YandexGPT или GigaChat) с программой как инструментом; нетворкинг — эмбеддинги профилей и согласие на показ
Стек
- Все демо по стеку:
- Next.js
- React
- TypeScript
- Next.js 16
- React 19
- TypeScript
- Tailwind CSS 4
- Server Actions
Основано на
Книги и дисциплины, идеи из которых работают в этом демо.
Дисциплина · ВМК МГУ
Дискретные структуры
Подбор докладов без пересечений по времени — комбинаторная задача на расписании.
Комментарий от разработчика
Антон Гончаров
Разработчик ИИ-систем · Python
Для бизнеса
- Личное расписание без пересечений снимает главную боль многопоточной конференции: участник заранее знает, куда идти, и не уходит с середины доклада.
- Волны цен и скидка команде работают на ранние продажи, а счёт для юрлица с проверкой ИНН убирает переписку с бухгалтерией.
- Нетворкинг с объяснением совпадений — то, ради чего покупают офлайн-билет: знакомства «нанимаю — ищу работу» и «нужен подрядчик — продаю решение» случаются не случайно.
Для разработчиков
- Подбор — взвешенный выбор непересекающихся интервалов динамическим программированием по каждому дню: воркшоп на 90 минут честно конкурирует с двумя докладами, которые он перекрывает.
- Код билета несёт тип, номер заказа и контрольную цифру по алгоритму Луна — опечатку отсекает сам сканер, а передача билета перевыпускает код и аннулирует старый.
- Цены, промокоды, совпадения участников и занятость слотов — чистые функции с тестами; занятость детерминирована, поэтому слоты не «прыгают» между перезагрузками.
Советы
Совет 01
Объясняйте каждый выбор алгоритма: «из вашего запроса: RAG и поиск» вызывает больше доверия, чем просто список докладов.
Совет 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
- работает
Сайт 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
- работает
Корпоративный сайт логистики на Next.js · калькулятор, трекинг, ИИ-заявка
Сайт транспортной компании
Корпоративный сайт транспортной компании: калькулятор, который сразу сравнивает сборный груз и отдельную машину, отслеживание груза с машиной на карте, ИИ-разбор заявки из письма или накладной с подсветкой пропущенных полей, карта складов и терминалов с расчётом хранения, анкета перевозчика с проверкой допуска и реквизиты с проверкой контрольных сумм.
- Next.js
- React
- TypeScript