давайте будем честны, многим задачам нужен аналитический подход, для решения же скролла, хватает двух строк кода 😎

html { height: 100dvh; overflow: hidden } 

body { height: 100%; overflow-y: auto}

ставь лайк, если помогло

чтобы кнопка назад в mini app работала при переходе на сайт, не нужно быть профессиональным танцором, достаточно использовать следующее движение

import { useUtils } from '@telegram-apps/sdk';

if(url.includes('https://t.me')) {
  utils.openTelegramLink(url);
} else {
  utils.openLink(url);
}

ставь лайк, если учишься танцевать с нами ✌️

@Scilef поделился отличной статьей-инструкцией о запуске TMA на localhost:

Чтобы открыть ТМА, который крутится у вас на локальном сервере (вашем компьютере), с телефона, нужно по порядку выполнить следующие действия:

1. Устанавливаем cloudflared CLI (как это сделать - читаем здесь)

2. Пишем команду ниже в терминал и запоминаем адрес, который нам выдадут в рамочке

cloudflared tunnel --url http://localhost:5173

Почему 5173? Потому что стандартный url от сборщика Vite – localhost:5173

3. Идём в @BotFather и обновляем ссылку в меню на полученную в пункте 2
/mybots -> Выбираем нужного бота -> Bot Settings -> Menu Button -> Edit menu button URL

4. Дополнительно настраиваем Mini App и добавляем ссылку в меню на полученную в пункте 2
/mybots -> Выбираем нужного бота -> Bot Settings -> Configure Mini App -> Enable Mini App

----
Если у вас локально запущен API сервер в докере, делаем следующее:

5. В docker-compose.yml открываем порты для АПИ (я использую 84 порт) контейнеров

6. Запускаем контейнеры

7. Пишем команду ниже в терминал и снова запоминаем адрес

cloudflared tunnel --url http://localhost:84

8. В коде ТМА заменяем домен для доступа к АПИ на полученный в предыдущем пункте
----

ву-а-ля
теперь мы можем открывать ТМА из этого бота с любого устройства! 😎
благодарим за столь выразительный почерк 😄

#FREEDUROV

пожалуйста все те кто находится во франции, выпустите Дурова оттуда 😭

пока с лидером цифрового сопротивления неизвестно что происходит, мы будем делиться полезным материалом 🌼

цвет текста в шапке mini app генерируется автоматически в зависимости от цвета фона. чтобы изменить цвет фона, используйте метод setBackgroundColor(#RRGGBB).

надеюсь наши вечерные советы утепляют ваше сердечко в это время 😔

спасибо @yankovich_u

#tmadevs #tmatips #freedurov

До изучения TMA мы были такими 🕺

чтобы запустить и протестировать свое приложение, не нужно разворачивать свой CI/CD, можно использовать ready-to-use cloud решения:

Для фронта:
https://vercel.com/
https://www.netlify.com/
https://pages.cloudflare.com/

Для бека и фронта:
https://railway.app/

Для БДшек:
https://www.mongodb.com/products/platform/atlas-database - Mongo ❤️
https://supabase.com/database - PostgreSQL

Storage:
https://supabase.com/storage
https://www.cloudflare.com/developer-platform/r2/

нужно еще? пиши об этом в комментах 😄

мы знаем, вы ждали. мы тоже, что ж, процесс запущен, внизу ссылка на наше первое видео про разработку telegram mini apps

https://www.youtube.com/watch?v=QoJIbjp0-tc

лайк-подписка-коммент и мы благодарим вас все больше 😎

Если вы еще используете expressjs, мы рады, что по крайней мере вы используете nodejs для бека.

но мы рекомендуем Nestjs 😘

по-судите сами:
🕺 Express - Node.js web application framework
💪 NestJS - A progressive Node.js framework

Основные фишки:
- Инъекция зависимостей (Dependency Injection)
- Декораторы и метаданные (@Controller, @Injectable, @UseGuards)
- Встроенная обработка ошибок и фильтры исключений
- Множествено кастомных модулей и библиотек
- Поддержка микросервисов
- Интеграция с популярными ORM и ODM
- Ну и конечно же TypeScript из коробки

Поэтому ваш новый проект, начинайте с NestJS 🚬

А дальше вы сами все знаете - великая благодарность tmadevs за их советы 😄