Add vercel preset

Author: TrySound

fixtures/react-router-vercel/package.json

@@ -27,7 +27,8 @@
     "react-dom": "18.3.0-canary-14898b6a9-20240318",
     "react-router": "^7.1.5",
     "vite": "^5.4.11",
-    "@react-router/node": "^7.1.5"
+    "@react-router/node": "^7.1.5",
+    "@vercel/react-router": "^1.0.2"
   },
   "private": true,
   "type": "module",

fixtures/react-router-vercel/react-router.config.ts

@@ -0,0 +1,6 @@
+import type { Config } from "@react-router/dev/config";
+import { vercelPreset } from "@vercel/react-router/vite";
+
+export default {
+  presets: [vercelPreset()],
+} satisfies Config;

packages/cli/package.json

@@ -60,6 +60,7 @@
     "@types/react": "^18.2.70",
     "@types/react-dom": "^18.2.25",
     "@types/yargs": "^17.0.33",
+    "@vercel/react-router": "^1.0.2",
     "@vitejs/plugin-react": "^4.3.4",
     "@webstudio-is/http-client": "workspace:*",
     "@webstudio-is/image": "workspace:*",

packages/cli/templates/react-router-vercel/package.json

@@ -4,6 +4,7 @@
     "deploy": "npx vercel deploy"
   },
   "dependencies": {
-    "@react-router/node": "^7.1.5"
+    "@react-router/node": "^7.1.5",
+    "@vercel/react-router": "^1.0.2"
   }
 }

packages/cli/templates/react-router-vercel/react-router.config.ts

@@ -0,0 +1,6 @@
+import type { Config } from "@react-router/dev/config";
+import { vercelPreset } from "@vercel/react-router/vite";
+
+export default {
+  presets: [vercelPreset()],
+} satisfies Config;