Vercel이 React Router v7을 framework 모드에서 공식 지원하기 시작했다. @vercel/react-router의 vercelPreset을 react-router.config.ts에 추가하면 SSR, Fluid compute 연동, Vercel Functions 번들 분할이 자동으로 적용된다.
핵심 포인트- @vercel/react-router에서 vercelPreset을 가져와 react-router.config.ts의 presets 배열에 추가한다
- ssr: true 설정으로 서버 사이드 렌더링이 활성화된다
- 서버 렌더링 앱은 Vercel Fluid compute와 연동돼 동적 요청을 처리한다
- preset이 앱 번들을 Vercel Functions에 최적화된 형태로 자동 분할한다
- 커스텀 서버 엔트리 포인트를 지정할 수 있다
왜 읽나React Router v7을 framework 모드로 사용하거나 기존 React Router 앱을 Vercel에 배포하려는 프론트엔드 개발자가 SSR 설정과 Vercel 통합 방법을 파악하는 데 유용하다.