Что я использую при создание Mini Apps в Telegram или почему Next.js лучшее универсальное решение

Всем привет! На связи Дмитрий, я разработчик, пиши о своих кейсах, опыте и много другом о чем хочется поделиться.

Пришла идея рассказать о моем опыте разработки на Next.js и почему именно эту технологию я применяю при разработке Mini Apps Telegram а так же мощных Web-Приложений.

Расскажу своими словами. Это своего рода Web-приложение запускающиеся внутри Telegram на базе браузера Edge. Не выходя из Telegram и не скачивания мы можем открывать внутренние приложения и использовать их для своих целей. Эти приложения могут быть разного вида, выполняющие различные функции. В том числе это могут быть игры.

Преимущества моими словами, Next.js позволяет мне делать FullStack приложения, без необходимости развертывать дополнительные инструменты, а развертывание приложения написанного на Next.js занимает у меня пару минут и без дополнительных затрат.

Еще пару преимуществ:

И наверное самое главное. Next.js советуют использовать сами разработчики React. Если не верите, почитайте сами их документацию об установке.

Сделал публичный OpenSource шаблон для быстрого развертывания проекта для разработки, что позволяет мне экономить время и переиспользовать готовые куски кода.

Вы можете так же использовать и переделать под себя, либо предложить свое.

На данный момент он дополняется, но вы сами можете ознакомится с ним - ОЗНАКОМИТЬСЯ

Здесь я использую кроме Next.js такие инструменты как:

Tailwind CSS - позволяет писать CSS в два раза быстрее с помощью заготовленных классов. Но есть минус, код засоряется кучей классов и становится не читаемым. Но тут дело привычки.

DrizzleORM - использую для прямого подключения с Next.js к базе данных, что позволяет мне брать данные напрямую в обход как я уже говорил других инструментов.

Redux - недавно его подключил, использую для хранения состояний. Так как у нас нет "Адресной строки" а так же еще сырые "браузерные хранилища" я решил прибегнуть к этому инструменту.

А так же еще пару дополнений и плагинов Next.js для анализа кода и его размеров.

Strapi - для реализации админ панели с готовыми запросами, я использую OpenSource проект Strapi. Он мне позволяет делать любые сущности, посты, юзеров, загружать медиа и многое другое и использовать на Mini App Telegram и давать возможность пользователям самим добавлять данные.

PostgresSQL - реляционная база данных. Использую обычно отдельного от всего. А так же она применяется в админ панели.

Vercel - для быстрого развертывания Mini Apps Telegram. Выдается готовый домен ( без него вы Mini App не запустите ), автоматическое обновление с GitHub при изменениях. И самое главное - БЕСПЛАТНО! Правда я так и не понял какие там ограничения есть. Использую чисто для разработки.

TimeWeb Cloud - еще один инструмент в моем списке, быстрое развертывание баз данных, облачных серверов и новая возможность - это развернуть Next.js приложение за 1 рубль! Тоже самое что и Vercel но за 1 рубль 😅

Делать можно на чем угодно и как угодно, знаю ребят кто сгенерировал HTML страницы и собрали таким образом приложение и жили спокойно.

Как говорится на что хватит фантазии то можно сделать.

Выбирать на чем делать конечно же вам, если вы разработчик или клиент который хочет реализовать свою идею. Мой выбор пал на Next.js как на универсальный инструмент который подходит мне во всем, да есть и свои минусы без них никуда.

Если вам вдруг интересно и не хватает каналов в вашем списке в Telegram, то приглашаю в свой - ПОЕХАЛИ

Если ты разработчик и у тебя есть вопросы, пиши не стесняйся, я отвечаю всем и по возможности стараюсь помочь!

#telegram #telegrambot #miniapps #webapp #frontend #backend #кейс