🔧 use the remix dev server to run locally

matching the default netlify template

remix-run/remix#3754
https://github.com/remix-run/remix/tree/main/templates/netlify

package.json

@@ -9,7 +9,7 @@
     "build:ladle": "ladle build",
     "dev": "run-p dev:*",
     "dev:css": "npm run generate:css -- --watch",
-    "dev:remix": "cross-env NODE_ENV=development netlify dev",
+    "dev:remix": "remix dev",
     "dev:ladle": "ladle serve",
     "generate:css": "npx tailwindcss -o ./app/tailwind.css",
     "start": "cross-env NODE_ENV=production netlify dev",
@@ -37,6 +37,7 @@
     "@ladle/react": "2.4.3",
     "@remix-run/dev": "1.7.2",
     "@remix-run/eslint-config": "1.7.2",
+    "@remix-run/serve": "1.7.2",
     "@types/react": "18.0.21",
     "@types/react-dom": "18.0.6",
     "eslint": "8.24.0",

remix.config.js

@@ -1,10 +1,10 @@
-/**
- * @type {import('@remix-run/dev').AppConfig}
- */
+/** @type {import('@remix-run/dev').AppConfig} */
 module.exports = {
-  devServerPort: 8002,
   serverBuildTarget: "netlify",
-  server: "./server.ts",
+  server:
+    process.env.NETLIFY || process.env.NETLIFY_LOCAL
+      ? "./server.ts"
+      : undefined,
   ignoredRouteFiles: ["**/.*"],
   // appDirectory: "app",
   // assetsBuildDirectory: "public/build",