Add cache control headers for user preferences & comments

Reynard-G · Oct 14, 2024 · 1014c06 · 1014c06
1 parent f218b16
commit 1014c06
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 5 deletions.
diff --git a/app/routes/app.$server.servers.tsx b/app/routes/app.$server.servers.tsx
@@ -51,7 +51,7 @@ export async function loader({ request }: LoaderFunctionArgs) {
     {
       status: 200,
       headers: {
-        "Cache-Control": "private, max-age=60",
+        "Cache-Control": "private, max-age=60", // 1 minute
       },
     },
   );

diff --git a/app/routes/app.$server.transactions.tsx b/app/routes/app.$server.transactions.tsx
@@ -69,7 +69,7 @@ export async function loader({ request, params }: LoaderFunctionArgs) {
     {
       status: 200,
       headers: {
-        "Cache-Control": "private, max-age=30",
+        "Cache-Control": "private, max-age=30", // 30 seconds
       },
     },
   );

diff --git a/app/routes/app.settings.account.tsx b/app/routes/app.settings.account.tsx
@@ -37,7 +37,7 @@ export async function loader({ request }: LoaderFunctionArgs) {
     {
       status: 200,
       headers: {
-        "Cache-Control": "private, max-age=30",
+        "Cache-Control": "private, max-age=30", // 30 seconds
       },
     },
   );

diff --git a/app/routes/app.tsx b/app/routes/app.tsx
@@ -1,5 +1,5 @@
 import { AvatarImage } from "@radix-ui/react-avatar";
-import { type LoaderFunctionArgs, redirect } from "@remix-run/node";
+import { defer, type LoaderFunctionArgs, redirect } from "@remix-run/node";
 import {
   Link,
   NavLink,
@@ -111,7 +111,15 @@ export async function loader({ request }: LoaderFunctionArgs) {
     return redirect(`/app/${servers[0].shortName}/dashboard`);
   }
 
-  return { user, servers, font: appearanceSettings.font };
+  return defer(
+    { user, servers, font: appearanceSettings.font },
+    {
+      status: 200,
+      headers: {
+        "Cache-Control": "private, max-age=2592000", // 30 days
+      },
+    },
+  );
 }
 
 export default function App() {