pusher-js VS django-tailwind-alpine-htmx

Now let's push the notification to pusher. First you have to go to https://pusher.com/ login create an app an get API keys. Then fill them in your .env file

another tool is pusher but have a high cost https://pusher.com/

Pusher specializes in realtime WebSockets and offers a straightforward way to integrate realtime features into your React app. It's a reliable choice for apps that need to send notifications based on realtime events.

why are you considering building your own websocket service instead of using something like https://pusher.com/ ?

IVS offers chat rooms, but Kick doesn't seem to use them. All chat messages are sent over a websocket connection to Pusher. Pusher seems pretty cheap for the purpose.

Serveless Websocket service

Is it possible to use Supabase as a Pusher alternative?

if you are on time, since it is a coursework, and it is allowed to use some libraries, you can check how to use pusher it should be fairly easy for you too integrate to your application.

I've built a flutter web chat using flutter_chat_ui and dart_pusher_channels, for the backend I used soketi which is an open source node.js pusher replacement but you could just use pusher.com if you can squeeze into their free tier.

What? No. Takes 5-10 minutes to set up a websocket server manually or is just requires a few configuration variables to be set if using a hosted service like Pusher.

I didn't follow any specific tutorial but there is one resource that was most helpful for me: https://github.com/AccordBox/django-tailwind-alpine-htmx It helped me see that you can have all your javascript in one place in an organized manner. That's when I decided to add Vite. If you follow this carefully, you should be able to set up Django with Vite and use it conveniently.

You can check my tutorial series https://www.accordbox.com/blog/django-tailwind-css-alpinejs-tutorial/

You can use Alpine.js + HTMX + Tailwind CSS https://github.com/AccordBox/django-tailwind-alpine-htmx