fix: handle redirects in dev

Author: ascorbic

package.json

@@ -23,10 +23,9 @@
     "@types/react": "^18.2.0",
     "@types/react-dom": "^18.2.0",
     "eslint": "^8.27.0",
-    "rimraf": "^4.1.4",
     "typescript": "^5.2.2"
   },
   "engines": {
     "node": ">=18"
   }
-}
+}

remix.init/index.js

@@ -19,7 +19,11 @@ const edgeFilesToCopy = [
 ];
 
 // Netlify Functions template file changes
-const filesToCopy = [["README.md"], ["netlify-toml", "netlify.toml"]];
+const filesToCopy = [
+  ["README.md"],
+  ["netlify-toml", "netlify.toml"],
+  ["redirects", ".redirects"],
+];
 
 async function copyTemplateFiles({ files, rootDirectory }) {
   for (const [file, target] of files) {
@@ -45,7 +49,6 @@ async function updatePackageJsonForEdge(directory) {
     // dev script is the same as the start script for Netlify Edge, "cross-env NODE_ENV=production netlify dev"
     scripts: {
       ...scripts,
-      predev: "rimraf ./.netlify/edge-functions/",
       dev: 'remix dev --manual -c "ntl dev --framework=#static"',
     },
     ...restOfPackageJson,
@@ -70,10 +73,18 @@ async function updatePackageJsonForFunctions(directory) {
 
   packageJson.update({
     ...restOfPackageJson,
+    scripts: {
+      ...scripts,
+      build: "npm run redirects:enable && remix build",
+      dev: "npm run redirects:disable && remix dev",
+      "redirects:enable": "shx cp .redirects public/_redirects",
+      "redirects:disable": "shx rm -f public/_redirects",
+    },
     dependencies: {
       ...dependencies,
       "@netlify/functions": "^2.0.0",
       "@netlify/remix-adapter": "^2.0.0",
+      shx: "^0.3.4",
     },
   });
 

remix.init/netlify-toml

@@ -4,11 +4,7 @@ publish = "public"
 
 [dev]
 command = "npm run dev"
-
-[[redirects]]
-from = "/*"
-to = "/.netlify/functions/server"
-status = 200
+targetPort = 3000
 
 # Set immutable caching for static files, because they have fingerprinted filenames
 

remix.init/redirects

@@ -0,0 +1,4 @@
+# This file is copied into the public folder during the build step and removed during dev.
+# If you need to add your own redirects, add them in netlify.toml or they will be overwritten.
+# Do not remove the line below. This is required to serve the site when deployed.
+/* /.netlify/functions/server 200