라이브러리 - Vercel React Router Preset

Vercel & React Router

 

 

✅ Vercel React Router Preset이란?

---

React Router 앱을 Vercel 환경에 맞게 빌드·배포하도록 설정해 주는 어댑터

(React Router 앱을 Vercel에 배포하려면 React Router Preset을 설치해야 한다.)

 

https://vercel.com/docs/frameworks/frontend/react-router

React Router on Vercel

 

 

✅ Installation

---

npm install @vercel/react-router

 

 

✅ Usage

---

<react-router.config.ts>

import type { Config } from "@react-router/dev/config";
import { vercelPreset } from "@vercel/react-router/vite";

export default {
  // Config options...
  // Server-side render by default, to enable SPA mode set this to `false`
  ssr: true,
  presets: [vercelPreset()],
} satisfies Config;