Минимальный сетап Mini-App: Vite и React без лишней архитектуры
Для старта Mini-App не нужен комбайн. Достаточно: Vite как сборщик, React для UI, Telegram Web App SDK для мостика с ботом и обычный API-слой на fetch. Если проект маленький, не тащите Redux, микрофронты и сложный state manager — они съедят время раньше, чем появится продукт.
Базовая схема простая: бот отдает кнопку, Mini-App открывается внутри Telegram, фронт получает initData, отправляет его на сервер и ждет проверку подписи. На клиенте храните только UI-состояние, а бизнес-логику и авторизацию держите на бэке. Так проще дебажить, безопаснее для платежей и легче масштабировать под Stars.
Структура папок без фанатизма: src/pages для экранов, src/components для переиспользуемых блоков, src/api для запросов, src/hooks для Telegram-обвязки. Отдельно вынесите утилиту проверки темы, обработку back-button и адаптацию под нативные размеры окна — это те места, где Mini-App ломается чаще всего.
Стек для быстрого старта: Vite + API — этого достаточно, чтобы собрать первый экран, подключить оплату через Stars и не утонуть в инфраструктуре. Сначала делайте путь пользователя, потом улучшайте архитектуру. Виральный цикл вашего Mini-App начинается не с библиотек, а с того, как быстро человек доходит до действия.
Mini-Apps под Stars
@mini_apps_stars_pro_ubt
Минимальный сетап Mini-App: Vite и React без лишней архитектуры
Этот пост опубликован в Telegram-канале Mini-Apps под Stars. Подписаться можно по ссылке: @mini_apps_stars_pro_ubt.