feat(netlify): use new @netlify/vite-plugin-react-router

See https://github.com/netlify/remix-compute/tree/main/packages/vite-plugin-react-router

Author: serhalp

netlify/dev-server.js

@@ -1,14 +1,6 @@
 [build]
-command = "npm run build"
+command = "react-router build"
 publish = "build/client"
 
 [dev]
-command = "npm run dev"
-framework = "vite"
-
-# Set immutable caching for static files, because they have fingerprinted filenames
-
-[[headers]]
-for = "/assets/*"
-[headers.values]
-"Cache-Control" = "public, max-age=31560000, immutable"
+command = "react-router dev"

netlify/netlify.toml

@@ -2,28 +2,22 @@
   "private": true,
   "type": "module",
   "scripts": {
-    "build": "react-router build && node netlify/prepare.js",
-    "dev": "cross-env NODE_ENV=development node ./dev-server.js",
+    "build": "react-router build",
+    "dev": "react-router dev",
     "start": "netlify serve",
     "typecheck": "react-router typegen && tsc"
   },
   "dependencies": {
-    "@netlify/functions": "2.8.2",
-    "@react-router/node": "*",
-    "isbot": "^5.1.17",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
     "react-router": "*"
   },
   "devDependencies": {
-    "@mjackson/node-fetch-server": "0.3.0",
+    "@netlify/vite-plugin-react-router": "^1.0.0",
     "@react-router/dev": "*",
-    "@types/express": "^5.0.0",
     "@types/react": "^19.0.1",
     "@types/react-dom": "^19.0.1",
     "autoprefixer": "^10.4.20",
-    "cross-env": "^7.0.3",
-    "express": "^4.21.1",
     "netlify-cli": "^17.38.0",
     "postcss": "^8.4.49",
     "tailwindcss": "^3.4.16",

netlify/netlify/prepare.js

@@ -3,19 +3,13 @@ import autoprefixer from "autoprefixer";
 import tailwindcss from "tailwindcss";
 import { defineConfig } from "vite";
 import tsconfigPaths from "vite-tsconfig-paths";
+import netlifyPlugin from "@netlify/vite-plugin-react-router";
 
-export default defineConfig(({ isSsrBuild }) => ({
-  build: {
-    rollupOptions: isSsrBuild
-      ? {
-          input: "./server/app.ts",
-        }
-      : undefined,
-  },
+export default defineConfig({
   css: {
     postcss: {
       plugins: [tailwindcss, autoprefixer],
     },
   },
-  plugins: [reactRouter(), tsconfigPaths()],
-}));
+  plugins: [reactRouter(), tsconfigPaths(), netlifyPlugin()],
+});