pile·
프론트엔드·vercel-blogVercel Blog·

Vercel에서 React Router v7 공식 지원: SSR과 번들 최적화 설정법

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 통합 방법을 파악하는 데 유용하다.
vercel-blog
Vercel Blog 블로그
원문은 여기서 이어서 읽을 수 있어요
원문 읽기
읽음 (0)

이 글과 비슷한

  1. 프론트엔드·LINE EngineeringLINE Engineering·

    AI로 웹 엔지니어 없이 LINE 앱 안에서 그룹 영상 통화 서비스 만들기

    LINE Planet 팀의 PM과 Android 엔지니어 두 명이 웹 전문 엔지니어 없이 LINE 앱 내에서 그룹 영상 통화 서비스를 개발한 과정을 다룬다. LIFF(LINE Front-end Framework)와 LINE Planet SDK를 활용해 React/Vite 기반 웹 앱을 구성했고, Firebase Cloud Functions로 별도 서버 인프라 없이 구현을 완료했다.

    #react#webrtc#firebase+2