From deac10e00aa229be5d337f2056a85d349bf7eb26 Mon Sep 17 00:00:00 2001
From: openhands <openhands@all-hands.dev>
Date: Thu, 9 Jul 2026 18:24:58 +0200
Subject: [PATCH] Add in-memory caching for online count, enable compression,
 and add staleTimes for router cache

---
 next.config.ts                    | 29 ++++++++++++++++++++++++-----
 src/app/api/online/count/route.ts |  8 ++++----
 src/app/layout.tsx                |  2 ++
 src/components/site-header.tsx    |  5 ++++-
 src/lib/cache.ts                  | 17 +++++++++++++++++
 5 files changed, 51 insertions(+), 10 deletions(-)
 create mode 100644 src/lib/cache.ts

diff --git a/next.config.ts b/next.config.ts
index 41aaadaa..246c56ca 100644
--- a/next.config.ts
+++ b/next.config.ts
@@ -29,20 +29,39 @@ const securityHeaders = [
 ];
 
 const nextConfig: NextConfig = {
-  // This app lives inside the Laravel repo tree (which has its own lockfiles);
-  // pin the Turbopack root so Next doesn't infer a parent directory.
   turbopack: { root: import.meta.dirname },
-  
-  // Prisma + the MariaDB driver adapter are native/server-only — keep them out
-  // of the bundle (same approach as the habbo-next reference).
   serverExternalPackages: ["@prisma/adapter-mariadb", "mariadb", "@prisma/client"],
 
+  // Compress responses with gzip
+  compress: true,
+
+  // Cache pages longer in the router cache for faster back/forward navigation
+  experimental: {
+    staleTimes: {
+      dynamic: 30,
+      static: 180,
+    },
+  },
+
+  // Add caching headers for static assets
   async headers() {
     return [
       {
         source: "/(.*)",
         headers: securityHeaders,
       },
+      {
+        source: "/assets/(.*)",
+        headers: [
+          { key: "Cache-Control", value: "public, max-age=31536000, immutable" },
+        ],
+      },
+      {
+        source: "/images/(.*)",
+        headers: [
+          { key: "Cache-Control", value: "public, max-age=86400" },
+        ],
+      },
     ];
   },
 };
diff --git a/src/app/api/online/count/route.ts b/src/app/api/online/count/route.ts
index 928e451c..15a701dc 100644
--- a/src/app/api/online/count/route.ts
+++ b/src/app/api/online/count/route.ts
@@ -4,16 +4,16 @@
 // { count: 0 } (never 500) on DB failure.
 
 import { apiJson } from "@/lib/api";
+import { cached } from "@/lib/cache";
 import { prisma } from "@/lib/prisma";
 
 export const dynamic = "force-dynamic";
 
 export async function GET(_req: Request) {
   try {
-    const count = await prisma.user.count({
-      where: { online: "1" },
-    });
-
+    const count = await cached("online_count", 10_000, () =>
+      prisma.user.count({ where: { online: "1" } }),
+    );
     return apiJson({ count });
   } catch {
     return apiJson({ count: 0 });
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 2494cc16..0b61cc72 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -67,6 +67,8 @@ export default async function RootLayout({ children }: { children: ReactNode })
       <head>
         <meta name="theme-default-dark" content={String(defaultDark)} />
         <script src="/scripts/theme-init.js" />
+        <link rel="preconnect" href="https://www.habbo.com" />
+        <link rel="dns-prefetch" href="https://www.habbo.com" />
       </head>
       <body
         className="flex min-h-screen flex-col site-bg"
diff --git a/src/components/site-header.tsx b/src/components/site-header.tsx
index 96ebab1d..863e040f 100644
--- a/src/components/site-header.tsx
+++ b/src/components/site-header.tsx
@@ -1,6 +1,7 @@
 import { getTranslations } from "next-intl/server";
 import Link from "next/link";
 import { auth } from "@/lib/auth";
+import { cached } from "@/lib/cache";
 import { prisma } from "@/lib/prisma";
 import { siteSettings } from "@/lib/services/site-settings";
 
@@ -15,7 +16,9 @@ export async function SiteHeader() {
 
   let online = 0;
   try {
-    online = await prisma.user.count({ where: { online: "1" } });
+    online = await cached("online_count", 10_000, () =>
+      prisma.user.count({ where: { online: "1" } }),
+    );
   } catch {
     online = 0;
   }
diff --git a/src/lib/cache.ts b/src/lib/cache.ts
new file mode 100644
index 00000000..662341b2
--- /dev/null
+++ b/src/lib/cache.ts
@@ -0,0 +1,17 @@
+type CacheEntry<T> = { data: T; expiresAt: number };
+const store = new Map<string, CacheEntry<unknown>>();
+
+export function cached<T>(key: string, ttlMs: number, fn: () => Promise<T>): Promise<T> {
+  const existing = store.get(key);
+  if (existing && existing.expiresAt > Date.now()) {
+    return Promise.resolve(existing.data as T);
+  }
+  return fn().then((data) => {
+    store.set(key, { data, expiresAt: Date.now() + ttlMs });
+    return data;
+  });
+}
+
+export function bustCache(key: string): void {
+  store.delete(key);
+}