Remix with Socket.io Recipe

index..js

// This approach uses:
// - Remix's Express Adapter
// - An external Socket.io server on port 3050
// - http-proxy-middleware
//
// install http-proxy-middleware and apply these lines to `server/index.js`:
//
const { createProxyMiddleware } = require("http-proxy-middleware");

// Add the middleware before remix's catch-all '*' route
app.use(
  "/socket.io",
  createProxyMiddleware({
    target: "ws://localhost:3050",
    ws: true,
  })
);