set correct cache headers for all files under static/

Author: diminishedprime

firebase.json

@@ -7,12 +7,62 @@
   },
   "hosting": {
     "public": "public",
-    "ignore": ["firebase.json", "**/.*", "**/node_modules/**"],
+    "ignore": ["**/.*", "**/node_modules/**"],
     "rewrites": [
       {
         "source": "**",
         "destination": "/index.html"
       }
+    ],
+    "headers": [
+      // Set up cache headers based on:
+      //
+      // https://www.gatsbyjs.com/docs/how-to/previews-deploys-hosting/deploying-to-firebase/
+      {
+        "source": "**/*",
+        "headers": [
+          {
+            "key": "cache-control",
+            "value": "public, max-age=0, must-revalidate"
+          }
+        ]
+      },
+      {
+        "source": "static/**",
+        "headers": [
+          {
+            "key": "cache-control",
+            "value": "public, max-age=31536000, immutable"
+          }
+        ]
+      },
+      {
+        "source": "**/*.@(css|js)",
+        "headers": [
+          {
+            "key": "cache-control",
+            "value": "public, max-age=31536000, immutable"
+          }
+        ]
+      },
+      {
+        "source": "sw.js",
+        "headers": [
+          {
+            "key": "cache-control",
+            "value": "public, max-age=0, must-revalidate"
+          }
+        ]
+      },
+      {
+        "source": "page-data/**",
+        "headers": [
+          {
+            "key": "cache-control",
+            "value": "public, max-age=0, must-revalidate"
+          }
+        ]
+      }
     ]
   }
 }

gatsby-node.js

@@ -12,6 +12,7 @@
 // See the License for the specific language governing permissions and
 // limitations under the License.
 const TsconfigPathsPlugin = require("tsconfig-paths-webpack-plugin")
+const fs = require("fs")
 
 require("ts-node").register({
   compilerOptions: {
@@ -30,3 +31,13 @@ exports.onCreateWebpackConfig = ({ actions }) => {
     },
   })
 }
+
+// Copy the firebase.json file over to the public directory so things like
+// redirects can be handled at the server-level.
+exports.onPostBuild = () => {
+  fs.copyFile(`./firebase.json`, `./public/firebase.json`, err => {
+    if (err) {
+      throw err
+    }
+  })
+}