Что я использую при создание Mini Apps в Telegram или почему Next.js лучшее универсальное решение
Всем привет! На связи Дмитрий, я разработчик, пиши о своих кейсах, опыте и много другом о чем хочется поделиться.
Пришла идея рассказать о моем опыте разработки на Next.js и почему именно эту технологию я применяю при разработке Mini Apps Telegram а так же мощных Web-Приложений.
Что такое Mini Apps Telegram?
Расскажу своими словами. Это своего рода Web-приложение запускающийся внутри Telegram на базе браузера Edge. Не выходя из Telegram и не скачивания мы можем открывать внутренние приложения и использовать их для своих целей. Эти приложения могут быть разного вида, выполняющие различные функции. В том числе это могут быть игры.
Как мой выбор пал на Next.js?
Next.js — фреймворк на JavaScript, использующий React для построения Server Side Render-приложений (SSR) и статически-генерируемых сайтов
Автор: Гугл
Преимущества которые я выделил - это Next.js позволяет мне делать FullStack приложения, без необходимости развертывать дополнительные инструменты, а развертывание приложения написанного на Next.js занимает у меня пару минут и без дополнительных затрат.
Еще пару преимуществ:
Рендеринг на стороне сервера за исключением динамических данных.
Оптимизированные изображения
Простой роутинг без необходимости дополнительных манипуляций
Middleware
Так же Next.js советуют использовать сами разработчики React помимо других инструментов.
Я создал "Шаблон" для разработки Mini Apps Telegram
Сделал публичный OpenSource шаблон для быстрого развертывания проекта для разработки, что позволяет мне экономить время и переиспользовать готовые куски кода.
OpenSource проект который я стараюсь развивать
Вы можете так же использовать и переделать под себя, либо предложить свое.
На данный момент он дополняется, но вы сами можете ознакомится с ним и написать вашу обратную связь, чем поможете стать лучше - ОЗНАКОМИТЬСЯ
Здесь я использую кроме Next.js такие инструменты как:
Tailwind CSS - позволяет писать CSS в два раза быстрее с помощью заготовленных классов. Но есть минус, код засоряется кучей классов и становится не читаемым. Но тут дело привычки.
DrizzleORM - использую для прямого подключения с Next.js к базе данных, что позволяет мне брать данные напрямую в обход как я уже говорил других инструментов.
Redux - недавно его подключил, использую для хранения состояний. Так как у нас нет "Адресной строки" а так же еще сырые "браузерные хранилища" я решил прибегнуть к этому инструменту.
Здесь изображена вырезка с сайта Tailwind и стиль кода при его использование
А так же еще пару дополнений и плагинов Next.js для анализа кода и его размеров.
Что я еще использую?
Strapi - для реализации админ панели с готовыми запросами, я использую OpenSource проект Strapi. Он мне позволяет делать любые сущности, посты, юзеров, загружать медиа и многое другое и использовать на Mini App Telegram и давать возможность пользователям самим добавлять данные.
PostgresSQL - реляционная база данных. Использую обычно отдельного от всего. А так же она применяется в админ панели.
Vercel - для быстрого развертывания Mini Apps Telegram. Выдается готовый домен ( без него вы Mini App не запустите ), автоматическое обновление с GitHub при изменениях. И самое главное - БЕСПЛАТНО! Правда я так и не понял какие там ограничения есть. Использую чисто для разработки.
TimeWeb Cloud - еще один инструмент в моем списке, быстрое развертывание баз данных, облачных серверов и новая возможность - это развернуть Next.js приложение за 1 рубль! Тоже самое что и Vercel но за 1 рубль 😅 ( PS не реклама, а то приложил бы реферальную ссылку )
Подытожим
Просто посчитал не хватаем мне мемов:)
Делать можно на чем угодно и как угодно, знаю ребят кто сгенерировал HTML страницы и собрали таким образом приложение и жили спокойно.
Как говорится на что хватит фантазии то можно сделать.
Выбирать на чем делать конечно же вам, если вы разработчик или клиент который хочет реализовать свою идею. Мой выбор пал на Next.js как на универсальный инструмент который подходит мне во всем, да есть и свои минусы без них никуда.
Если вам вдруг интересно и не хватает каналов в вашем списке в Telegram, то приглашаю в свой ( чисто по желанию ) - ПОЕХАЛИ
Если ты разработчик и у тебя есть вопросы, пиши не стесняйся, я отвечаю всем и по возможности стараюсь помочь, возможно вместе научимся новому!
