React Relay와 Vite를 사용한 스트리밍 SSR: 심층 분석
2025-01-17
Aqora 엔지니어링 팀이 React Relay와 Vite를 사용하여 스트리밍 서버 사이드 렌더링(SSR)을 구현한 경험을 공유합니다. 이 글에서는 React Router와 Relay 통합 과정에서 발생한 문제점, 예를 들어 SSR에서 Suspense 처리, Relay store 데이터 흐름 관리, 메타 태그 생성 등을 자세히 설명합니다. `createStaticHandler`, `renderToPipeableStream`, `preloadQuery`, `react-helmet-async` 등의 기술을 사용하여 이러한 문제를 해결하고 SEO와 성능을 향상시키는 효율적인 SSR을 구현했습니다. 중요한 코드 조각과 아키텍처 결정도 제시하여 개발자에게 귀중한 통찰력을 제공합니다.
더 보기
(aqora.io)
개발