1
Сценарий
Разбираем путь пользователя и решаем, что делает бот, а что — Mini App.
Продукт внутри Telegram
Telegram Web App без стора и установки.
Собираем Telegram Mini Apps: полноценный интерфейс на React/Next.js, который открывается прямо в Telegram — авторизация, оплата, каталоги и чаты без отдельного сайта, стора и регистрации.
Вход через Telegram за один тап
Оплата ЮKassa или Telegram Payments
Live-обновление статусов и чаты
Работает в мобильном и десктоп-клиенте
01 — Состав
Что входит.
Аудит сценария и выбор — бот, Mini App или связка
Схема ролей, экранов и модели данных
Интерактивный UX-прототип ключевых сценариев
Интеграция Telegram-авторизации (initData → сессия)
Frontend на Next.js/React под Mini Apps SDK
Backend, API и нужные интеграции (оплата, CRM, уведомления)
Тестирование сценариев в мобильном и десктоп-клиенте Telegram
Настройка бота как точки входа и канала уведомлений
Документация, передача исходников и план развития
02 — Метод
Метод разработки Telegram Web App: от сценария к Mini App
Mini App — не «сайт в iframe». Сначала фиксируем, что должно остаться в боте, а что — в интерфейсе, потом проектируем данные, роли и только затем экраны.
2
Авторизация и роли
Проектируем вход через Telegram initData и права для каждой роли.
3
Прототип
Проверяем ключевые экраны в кликабельном прототипе до разработки.
4
Сборка
Собираем Mini App и API инкрементами с демо каждую неделю.
5
Проверка в Telegram
Тестируем в мобильном клиенте, Telegram Desktop и Telegram Web.
6
Запуск и развитие
Публикуем через бота, смотрим на метрики использования и донастраиваем.
03 — Процесс
Этапы работы.
01
Фиксируем сценарии, роли и критерии успеха продукта в Telegram.
02
Согласуем модель данных, роли, экраны и интеграции оплаты.
03
Собираем интерфейс под тёмную/светлую тему Telegram и мобильный экран.
04
Ведём Frontend и Backend спринтами с рабочим демо каждую неделю.
05
Тестируем сценарии в Telegram, подключаем бота и уведомления.
06
Смотрим на использование и донастраиваем сценарии по фактам.
04 — Интеграции
Интеграции для Telegram Web App
Telegram Bot APIБот как точка входа в Mini App, уведомления и статусы прямо в чат.
ЮKassa / Telegram PaymentsОплата внутри Mini App с подтверждением по вебхуку и статусом заказа.
Socket.IOReal-time чаты, статусы прочтения и онлайн-присутствие без перезагрузки.
PostgreSQL / PrismaДанные заявок, ролей, заказов и подписок с индексами под реальные фильтры.
CRMПередаём заявки и заказы из Mini App в CRM как сделки с историей контакта.
Telegram-каналыПубликуем заявки или предложения в каналы, привязанные к городу и категории.
05 — Стек
Технологии проекта.
Realtime и интеграции
Socket.IOTelegram Bot APIЮKassa
06 — Сравнение
Какой путь выбрать для Telegram Web App
| Критерий | meretti.pro | Конструктор ботов | Фриланс без команды |
|---|---|---|---|
| Интерфейс продукта | Полноценный UI на React под ваш сценарий | Кнопки и меню бота, без экранов | Зависит от исполнителя |
| Оплата и роли | Проектируем и тестируем контур | Ограничено шаблоном конструктора | Без системной гарантии |
| Данные и интеграции | Своя база, CRM и внешние API | Данные у платформы конструктора | Зависит от доступности |
| Развитие продукта | Архитектура и план следующих версий | Рост упирается в лимиты платформы | Зависит от одного человека |
07 — Цифры
Почему с нами.
1
команда от стратегии до запуска
7 дней
ритм прозрачных демо
100%
прав на код и материалы у клиента
48 ч
на предварительную оценку
08 — Стоимость
Тарифы и ориентиры.
MVP
от 280 000 ₽
4–6 недель
- Один сценарий и одна роль
- Telegram-авторизация
- Базовый UI на Next.js
- Тестирование в Telegram
Популярный
Продукт
от 550 000 ₽
8–12 недель
- Несколько ролей и сценариев
- Оплата ЮKassa/Telegram Payments
- Real-time чаты или уведомления
- Админ-панель
Масштаб
от 900 000 ₽
12–20 недель
- Все из «Продукта»
- Подписки и монетизация
- Интеграции с внешними системами
- План развития продукта
Оценка зависит от числа сценариев, ролей и интеграций; фиксируем состав работ до старта.
Дополнения
Бот как отдельная точка входаМультиязычность интерфейсаАдмин-панель модерацииПоддержка после запуска
09 — Портфолио
Практика разработки Telegram Web App
Бытовые услуги · B2B-диспетчеризация
Артель Мастеров — маркетплейс заявок
Маркетплейс заявок между диспетчерскими агрегаторами и мастерами: распределение по городам и категориям, верификация, Telegram-каналы и подписки.
Next.js · NestJS
Кейс →
B2B-опт · Telegram Mini App
Selly — агрегатор опта
Агрегатор оптовой торговли внутри Telegram: заявки от селлеров, каталог поставщиков, real-time чаты и подписки — без отдельного сайта и установки приложения.
Next.js · NestJS
Кейс →
Полиграфия · Локальный сервис
Принт-сервис — печать и розыгрыш в Telegram
Сервис онлайн-печати документов и модуль розыгрыша призов внутри Telegram: калькулятор цены, оплата ЮKassa и автоматические уведомления мастерской.
Next.js · NestJS
Кейс →
10 — FAQ
Частые вопросы
Нам нужен бот, Mini App или и то и другое?
Бот подходит, если весь сценарий укладывается в команды и кнопки. Mini App нужен, когда есть каталог, форма, калькулятор, чат или оплата — то, что неудобно делать в переписке. Часто это связка: бот — точка входа и уведомления, Mini App — сам продукт. Решаем на брифе, отталкиваясь от сценария, а не от моды на технологию.
Можно ли превратить уже существующий сайт в Telegram Mini App?
Полностью «обернуть» сайт в iframe не советуем — Telegram ограничивает такие интеграции, а опыт получается хуже нативного. Обычно переносим ключевые сценарии (не весь сайт) на отдельный frontend под Mini Apps SDK, переиспользуя backend и API, если они это позволяют.
Нужен ли отдельный домен и хостинг?
Да, Mini App — это обычное веб-приложение по HTTPS, которое Telegram открывает во встроенном окне. Нужен домен, хостинг и валидный SSL — без этого Telegram не откроет Mini App. Инфраструктуру поднимаем и настраиваем как часть проекта.
Как работает вход без пароля?
Telegram передаёт Mini App подписанные данные пользователя (initData): имя, аватар, ID. Бэкенд проверяет подпись и выпускает сессию — отдельная регистрация и пароль не нужны. Это быстрее классического онбординга и снижает отток на первом шаге.
Проходит ли Mini App модерацию, как приложение в сторе?
Нет отдельного ревью по срокам, сравнимого с App Store/Google Play — Mini App публикуется через бота сразу после деплоя. Требования Telegram касаются политик платформы (контент, платежи), а не многодневного ревью версии.
Сколько стоит разработка Telegram Web App?
Вилка широкая: от простого MVP с одним сценарием до продукта с несколькими ролями, оплатой и real-time чатами — как в наших кейсах. Цену двигают число ролей, интеграции и объём бэкенда, а не факт «это Telegram». Точная смета — после брифа с описанием сценариев.
Следующий шаг
Спроектируем
Telegram Web App вместе.
На первой встрече разберём сценарий, роли и то, что действительно должно быть внутри Telegram.