Создание анонимного чата в Telegram: Бот с MiniApp интерфейсом. Часть 2 — VueJS3 + Centrifugo с монетизацией приложения

В первой части мы построили бэкенд на FastAPI, Aiogram, Redis и Centrifugo, заложив основу для анонимного чата в Telegram. Теперь пришло время развернуть фронтенд и создать стильный и отзывчивый интерфейс с использованием VueJS 3 в формате Telegram MiniApp. В этой статье мы: - Разработаем интерактивный UI с фильтрами поиска, анимациями загрузки и real-time чатом. - Настроим мгновенный обмен сообщениями через Centrifugo без лишних запросов к серверу. - Интегрируем монетизацию для заработка на рекламе в приложении. - Выполним деплой на удаленный сервер и подготовим проект к продакшену. Если вы хотите создать быстрый, удобный и монетизируемый анонимный чат в Telegram, который работает без задержек и перезагрузок, — эта статья для вас!

https://habr.com/ru/companies/amvera/articles/893250/

#telegram_mini_app #telegram_webapp #vuejs #vue3 #vuejs3 #centrifuge #centrifugo_v6 #websocket #centrifugo #vuetg

FastAPI и Vue.js 3: телеграм-бот с MiniApp для записи и автоматических уведомлений. Пишем фронтенд

Друзья, приветствую! Наконец-то дошли руки до описания второй части нашего большого проекта по работе с выдуманной клиникой «Здоровье Плюс». Я напоминаю, что в рамках этой небольшой серии мы создаем телеграм-бота с MiniApp, основная задача которого — дать пользователям возможность записаться к врачу в удобный день и время. В прошлой части мы полностью закрыли вопрос логики нашего бота. Сегодня мы займемся написанием фронтенда для нашего Telegram MiniApp с использованием современного JS фреймворка Vue.JS 3. К концу статьи мы реализуем полноценный реактивный фронтенд, который одинаково хорошо будет смотреться, как в формате веб-сайта (мобильная и пк-версия), так и в формате Telegram MiniApp.

https://habr.com/ru/companies/amvera/articles/874970/

#vuejs #vue3 #typescript #api #vuejs_api #vuejs3 #tailwind #tailwind_css #vue_tailwind #javascript

🔥 Effortless Real-Time Chat Apps with Laravel Reverb and Vue.js 3
In this video, you'll learn:
- The magic of Laravel Reverb for real-time features
- Integrating Reverb with Vue.js 3 for a seamless frontend
- Building a real-time chat application step-by-step

👉 https://youtu.be/8ykxcM0-3Yg

#LaravelReverb #laravel #Vuejs3 #RealTimeChatApp #WebDevelopment #CodingTutorial #qirolab #programming #laravel11 #laravelphp #laravel_tutorial #100DaysOfCode #freeCodeCamp #CodeNewbies

📄 Pages CMS
by Ronan Berder
@hunvreus
The No-Hassle CMS for GitHub
#cms #Github #jekyll #staticsitegenerator #cms #vuejs #vue #hugo #nextjs #gatsby #staticsite #astro #ssg #docusaurus #eleventy #vuepress #vuejs3 #11ty #vitepress
https://github.com/pages-cms/pages-cms
https://pagescms.org/

What's the simplest bundler that can compile #sass #svelte #svelte4 #vuejs #vuejs3 and vanilla #javascript files these days?

I've been using
https://laravel-mix.com/
... which has served me well but the svelte plugin is dead to me because of an error I'm not able to fix myself and the maintainer has no time
https://github.com/wewowweb/laravel-mix-svelte/issues/36

I just want something that can take sass → css files; and can compile app.js (which imports an svelte app form various .svelte files, ditto for #vue )

What a nice tutorial from @symfonycasts for the #vuejs topic with #symfony

It’s clear and structured. A fantastic Code base. Hope that you can update this to #symfony6 and #vuejs3

#learning #frontend #vuejs