Add netlify deployment config

.gitignore

@@ -12,3 +12,6 @@ schema.graphql
 /cypress/videos
 /cypress/screenshots
 /runner-results
+
+# Local Netlify folder
+.netlify

netlify.toml

@@ -0,0 +1,18 @@
+[build]
+  command = "remix build"
+  functions = "netlify/functions"
+  publish = "public"
+
+[dev]
+  command = "remix watch"
+  port = 3000
+
+[[redirects]]
+  from = "/*"
+  to = "/.netlify/functions/server"
+  status = 200
+
+[[headers]]
+  for = "/build/*"
+  [headers.values]
+    "Cache-Control" = "public, max-age=31536000, s-maxage=31536000"

netlify/functions/server/index.js

@@ -0,0 +1,28 @@
+const path = require("path");
+const {createRequestHandler} = require("@remix-run/netlify");
+
+const BUILD_DIR = path.join(process.cwd(), "netlify");
+
+function purgeRequireCache() {
+    // purge require cache on requests for "server side HMR" this won't let
+    // you have in-memory objects between requests in development,
+    // netlify typically does this for you, but we've found it to be hit or
+    // miss and some times requires you to refresh the page after it auto reloads
+    // or even have to restart your server
+    for (const key in require.cache) {
+        if (key.startsWith(BUILD_DIR)) {
+            delete require.cache[key];
+        }
+    }
+}
+
+exports.handler =
+    process.env.NODE_ENV === "production"
+        ? createRequestHandler({build: require("./build")})
+        : (event, context) => {
+            purgeRequireCache();
+            return createRequestHandler({build: require("./build")})(
+                event,
+                context
+            );
+        };

package.json

@@ -22,6 +22,7 @@
   "dependencies": {
     "@headlessui/react": "^1.4.2",
     "@reach/auto-id": "^0.16.0",
+    "@remix-run/netlify": "^1.1.1",
     "@remix-run/node": "0.0.0-experimental-f218dd8b",
     "@remix-run/react": "0.0.0-experimental-f218dd8b",
     "@remix-run/serve": "0.0.0-experimental-f218dd8b",

remix.config.js

@@ -5,6 +5,7 @@ module.exports = {
   appDirectory: "app",
   assetsBuildDirectory: "public/build",
   publicPath: "/build/",
-  serverBuildDirectory: "./build",
   ignoredRouteFiles: [".*"],
+  serverBuildDirectory: "netlify/functions/server/build",
+  devServerPort: 8002,
 };