UPDATE: New monster data

src/app/api/data/[name]/route.ts

@@ -0,0 +1,25 @@
+import { getDataCache } from "@/lib/cache/cache"
+
+export async function GET(
+  req: Request,
+  { params }: { params: Promise<{ name: string }> }
+) {
+  const { name } = await params
+
+  const item = getDataCache(name)
+
+  if (!item) {
+    return new Response("Not found", { status: 404 })
+  }
+
+  const headers: Record<string, string> = {
+    "Content-Type": "application/json",
+    "Cache-Control": "public, max-age=3600"
+  }
+
+  if (item.type === "br") {
+    headers["Content-Encoding"] = "br"
+  }
+
+  return new Response(new Uint8Array(item.buf), { headers })
+}

src/app/layout.tsx

@@ -73,22 +73,22 @@ export default async function RootLayout({
           <QueryProviderWrapper>
             <ThemeProvider>
               <ClientThemeWrapper>
-                <ClientDataFetcher />
-                <div className="min-h-screen w-full">
-                  <Header />
-                  <div className="grid grid-cols-12 w-full">
-                    <div className="hidden sm:block md:col-span-4 lg:col-span-3 sticky top-0 self-start h-fit">
-                      <AvatarBar />
-                    </div>
-                    <div className="col-span-12 sm:col-span-8 lg:col-span-9">
-                      <ActionBar />
-                      {children}
+                <ClientDataFetcher >
+                  <div className="min-h-screen w-full">
+                    <Header />
+                    <div className="grid grid-cols-12 w-full">
+                      <div className="hidden sm:block md:col-span-4 lg:col-span-3 sticky top-0 self-start h-fit">
+                        <AvatarBar />
+                      </div>
+                      <div className="col-span-12 sm:col-span-8 lg:col-span-9">
+                        <ActionBar />
+                        {children}
+                      </div>
                     </div>
+
+                    <Footer />
                   </div>
-
-                  <Footer />
-                </div>
-
+                </ClientDataFetcher>
               </ClientThemeWrapper>
             </ThemeProvider>
           </QueryProviderWrapper>