Mini Apps Telegram для VPN сервиса

Описание

Приложение для Telegram, разработанное на Next.js с TypeScript. Включает в себя:

• Работу с базой данных через Drizzle ORM
• API-запросы через tRPC для простого взаимодействия с бэкендом
• Полную интеграцию с Telegram Mini Apps

Технологии

• Frontend: Next.js / React
• Стилизация: Tailwind CSS
• Типизация: TypeScript
• Telegram Integration: Telegram-apps/sdk-react
• State Management: TanStack React Query
• ORM: Drizzle
• API Layer: tRPC
• Интеграция с банками: ТБАНК

Реализованные задачи

✅ Обработка ошибок

• Обработано 99% возможных ошибок, включая:
  • Анонимные устройства
  • Кастомные клиенты Telegram

✅ Управление запросами

• Все запросы реализованы через TanStack React Query
• Автоматический рефетч данных при перезаходе в приложение

✅ Онбординг новых пользователей

• Специальный экран выбора устройств:
  • iOS, Android, Windows, Mac, Linux
  • Телевизоры (с подкатегориями по брендам)
  • Роутеры

✅ Платежная система

• Автоматическое отслеживание платежей
• Интеграция с TBank

✅ Функционал пользователя

• Смена региона VPN
• Смена ключа доступа
• Смена протокола подключения
• Управление дополнительными кабинетами

✅ Адаптивный интерфейс

• Поддержка FullScreen режима в мобильных приложениях
• Автоматическое определение платформы (десктоп/мобильные)
• Оптимизированный интерфейс для настольных ПК

Демо и контакты

🚀 Запустить Mini App

Для тестирования приложения перейдите по ссылке:
Открыть приложение
(ссылка откроет приложение прямо в Telegram WebApp)

💻 Исходный код

Хотите приобрести исходный код или заказать подобное решение?
Пишите мне в Telegram: @refreak

Другие мои работы:

Telegram AI Бот - Telegram Бот с встроенными ИИ моделями.

Telegram VPN Бот под Remna.st - Telegram Бот с выдачей ключей VPN ключей из Remna.st

📢 Мой канал

Подписывайтесь на мой канал про разработку и IT:
https://t.me/thismisterit