스트리밍 컴포넌트 상세 페이지

스트리밍을 사용하면 컴포넌트가 준비되는 대로 부분적으로 클라이언트에 전송할 수 있습니다.

Next.js에서는 Suspense 경계와 함께 사용

이렇게 하면 SlowComponent가 로딩되는 동안 Loading 컴포넌트를 보여주고, 준비되면 실제 컴포넌트로 교체됩니다.

장점은 사용자가 더 빨리 콘텐츠를 볼 수 있다는 거예요. TTFB(Time to First Byte)는 빨라지고, 전체적인 사용자 경험이 개선되죠. 특히 느린 데이터 페칭이 있는 컴포넌트가 전체 페이지를 블로킹하지 않게 됩니다.

병렬 + 논블로킹 + 점진적 전송

블로킹하지 않고 독립적으로 처리한다"