STAK: сайт рэп-движа с афишей и панелью управления, Telegram-бот с Mini App и билетами с QR

Клиент: STAK — андеграундный рэп-движ из Москвы: вечеринки, ивенты и своя сцена, не привязанные к одной площадке или артисту. У движа пять форматов вечеринок — STAK SHOW, STAK DAY, ZVUK VO RTU, SATURDAY NIGHT и ART MEETS MUSIC. Кроме вечеринок, команда продаёт услуги: организацию мероприятий, съёмку, пошив одежды, продюсирование, букинг артистов и студию звукозаписи. Аудитория — гости 18+, артисты, площадки и партнёры.

Ситуация: весной 2026 года мы собрали первую версию сайта — STAK TUSA, «московская ночная жизнь», с разделами о месте и мерче. К июлю движ ушёл от привязки к площадке: мерч и «место» убрали, а билеты, поддержка гостей и обмен материалами с артистами потребовали отдельного канала в Telegram. Афиша меняется после каждой вечеринки, и команда должна обновлять её сама.

Задача: пересобрать сайт с афишей, кадрами и услугами, который говорит голосом тусовки; сделать панель, где команда сама ведёт события, фото и цены; запустить Telegram-бота с Mini App, где гости берут билеты и пишут в поддержку, а артисты передают промо и райдеры. Свежая тусовка должна сама вставать наверх афиши, заявки партнёров — приходить в чат команды, а билет — покупаться без выхода из Telegram.

Две версии сайта и голос движа

Весной 2026 года мы собрали первую версию — STAK TUSA с подписью «московская ночная жизнь» и разделами «место» и «мерч». В июле перезапустили сайт как STAK, андеграунд-движ: без «места» и мерча, но с Telegram-ботом и билетами.

Сайт говорит голосом тусовки: строчные буквы, «свои», «до рассвета», 18+. Первый экран — видео с вечеринок и строка «STAK / началось как тусовка на своих», под ним красная бегущая строка, дальше манифест «стало движем.». На телефоне меню открывается на весь экран, а красная кнопка «билеты» закреплена внизу.

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

Афиша: свежая тусовка наверху

Дату в панели пишут так, как говорят: «18 июля / 23:00–06:00 / вход свободный». Сайт сам разбирает эту строку, ставит ближайшую тусовку большой карточкой с меткой next, остальные складывает сеткой афиш, а после вечеринки переводит карточку в архив. Если событие удалить в панели, большую карточку займёт следующее по дате.

В архиве шесть ивентов — от STAK DAY 7 марта до STAK SHOW V1 18 июля с хедлайнером BLAGO WHITE. На телефоне афиша та же: большая карточка сверху, архив ниже, кнопка «билеты · stak show» внизу экрана.

Кадры с вечеринок

Фото идут стеной: ширина каждой плитки зависит от пропорций снимка, поэтому ряды смыкаются, а кадры почти не обрезаются. У кадра подписаны дата и тусовка. По нажатию снимок открывается крупно, листается стрелками и закрывается клавишей Esc. Ниже — лента партнёров движа.

Услуги и заявки «свои»

Блок услуг вывернут в костяной цвет: строка под курсором становится чёрной, цена — красной. На сайте шесть услуг:

• организация мероприятий — от 200 000 ₽;

• съёмка видео и фото — от 30 000 ₽;

• цех производства одежды — от 1 500 ₽ за штуку;

• продюсирование — по запросу;

• букинг артистов — от 50 000 ₽;

• студия звукозаписи — от 3 000 ₽ в час.

Ниже — форма «stak — это свои» с четырьмя типами заявки: партнёрство, артист, площадка и бартер. Заявка приходит не на почту, а в Telegram-чат команды через того же бота. С пустыми полями форма не отправится, скрытое поле отсекает спам-ботов, а с одного адреса проходит не больше пяти заявок за десять минут.

Telegram-бот и Mini App с билетами

Кнопка «билеты» на сайте ведёт в бота @staktusabot, внутри него — Mini App с афишей и тарифами. У каждого тарифа своё число мест: например, вход, fast track и стол до шести человек.

Если у бота подключён платёжный токен, он выставляет счёт прямо в Telegram. После оплаты места списываются с тарифа, а на каждое место выдаётся отдельный электронный билет с QR: он приходит в чат и хранится во вкладке «билеты». Без токена та же кнопка принимает бронь с оплатой на входе — бронь сохраняется заказом и мест не занимает.

Mini App не просит пароль: каждый запрос подписан данными Telegram, и сервер проверяет подпись. В коде бота есть проверка билета по коду для входа на вечеринку; экрана сканера пока нет.

Поддержка и медиа для артистов

• Гость пишет боту текстом, фото или голосом — бот копирует сообщение в чат операторов, а ответ оператора реплаем возвращается гостю.

• Артисты присылают боту промо, треки и райдеры — материалы попадают команде.

• Команда выкладывает материалы с ивента командой /drop, и они появляются у артистов во вкладке «медиа».

В боте три роли: гость, артист и админ. Вкладка «медиа» открыта артистам и админам, команды /artist и /drop — только админам.

Панель управления

Панель на /admin повторяет сайт по разделам, и сайт обновляется сразу после сохранения:

• «главная» — строка о ближайшем событии внизу первого экрана;

• «события» — афиша картинкой, дата, заголовок, место, лайнап, ссылка и текст кнопки;

• «фото» — кадр, дата и место;

• «услуги» — название и цена.

Пароль администратора хранится только хэшем scrypt. После пяти неудачных входов с одного адреса вход блокируется на 15 минут. Сессия хранится в httpOnly-cookie с SameSite=Strict, на сайте включены заголовки CSP и HSTS. Загружать можно только картинки — тип файла сверяется по первым байтам. На боевом сервере приложение не запустится, пока не задан пароль администратора.

Поиск и нейросети

• разметка Organization, WebSite, MusicEvent и FAQPage;

• llms.txt — короткая справка о движе для нейросетей;

• robots.txt открыт для GPTBot, ClaudeBot и PerplexityBot;

• карта сайта, манифест и картинка для соцсетей 1200×630.

Технологии

Сайт свёрстан на HTML, CSS и JavaScript без фронтенд-фреймворка. Сервер на Node.js и Express отдаёт страницы, принимает заявки и обслуживает панель и загрузку фото. Бот и Mini App — отдельный сервис на Node.js: библиотека grammY для Telegram, Express для API Mini App, генерация QR-кодов, данные в JSON-файлах с атомарной записью. Nginx отдаёт сайт и проксирует Mini App и её API на том же домене.

STAK получил сайт в двух версиях — весенней STAK TUSA и июльской STAK, — панель для команды и Telegram-бота с Mini App. Команда сама меняет афишу, фото и цены, а заявки партнёров и вопросы гостей приходят в один чат.

Сейчас домен staktusa.ru не открывается, поэтому кейс без ссылки. Экраны сняты с копии сайта и панели, собранной из исходников.

Что получил клиент

• Сайт для компьютера и телефона: афиша, кадры, услуги и заявки

• Афишу, которая сама ставит свежую тусовку наверх: 5 форматов вечеринок, 6 ивентов в архиве

• 6 услуг с ценами и форму «свои» с 4 типами заявок в чат команды

• Панель, где команда сама ведёт события, фото, услуги и строку о ближайшем событии

• Telegram-бота с Mini App: афиша, тарифы, билеты с QR и бронь без платёжного токена

• Поддержку гостей через операторов и обмен медиа с артистами

• Разметку для поиска и нейросетей: MusicEvent, FAQPage, llms.txt