Socket.io vs Pusher

// Server (Node.js)
import { createServer } from 'http';
import { Server } from 'socket.io';

const httpServer = createServer();
const io = new Server(httpServer, { cors: { origin: '*' } });

io.on('connection', (socket) => {
  console.log('client connected', socket.id);
  socket.on('message', (data) => io.emit('message', data));
});

httpServer.listen(3001);

// Client
import { io } from 'socket.io-client';
const socket = io('http://localhost:3001');
socket.on('message', (data) => console.log(data));

// Server (Node.js)
import Pusher from 'pusher';

const pusher = new Pusher({
  appId: process.env.PUSHER_APP_ID!,
  key: process.env.PUSHER_KEY!,
  secret: process.env.PUSHER_SECRET!,
  cluster: 'us2',
  useTLS: true,
});

await pusher.trigger('my-channel', 'my-event', { message: 'Hello!' });

// Client
import Pusher from 'pusher-js';
const client = new Pusher(process.env.NEXT_PUBLIC_PUSHER_KEY!, { cluster: 'us2' });
const channel = client.subscribe('my-channel');
channel.bind('my-event', (data: any) => console.log(data));