- backend in Nest.js
- server-sent events endpoint
- websockets endpoint
- frontend in React
- server-sent events implementation
- websockets implementation
pnpm ipnpm dev- Go to localhost:3001
- only one way communication (server to client)
- simple to implement and use compared to WebSockets. It’s built on standard HTTP protocols and doesn’t require special handling for connections.
- MDN docs: https://developer.mozilla.org/en-US/docs/Web/API/Server-sent_events
- Nest.js SSE docs: https://docs.nestjs.com/techniques/server-sent-events
- Nest.js example: https://github.com/nestjs/nest/blob/master/sample/28-sse/src/app.controller.ts
- bi-directional communication between client and server
- suitable for interactive apps
- low latency
- more complex setup
App needs to receive and send data in real-time
- collaborative tools (Figma, document editing)
- games
- trading
- chat