Realtime

Next.js WebSocket 배치 전략

페이지와 API는 Next.js가 맡고, 장시간 연결이 필요한 WebSocket은 별도 서버나 전용 서비스로 분리하는 구성이 안정적이다.

실시간 기능을 나누어 배치하는 방식

separate server

브라우저

채팅, 알림, 진행률처럼 계속 갱신되는 이벤트를 구독한다.

Next 앱

초기 화면, 인증, 일반 API 요청을 처리한다.

WebSocket 서버

연결 상태와 브로드캐스트를 독립적으로 관리한다.

배포 환경

서버리스 제한이나 장시간 연결 지원 여부를 확인한다.

client Next UI/API token 확인 WS server realtime event
읽는 법

WebSocket을 Next 라우트에 억지로 넣기보다 연결 수명과 배포 특성을 분리해서 설계하는 편이 운영이 쉽다.