perf: fix TBT/LCP/a11y — disable shader animation, cache APIs, fix images

Co-authored-by: denshooter <44590296+denshooter@users.noreply.github.com>

app/api/content/page/route.ts

@@ -2,6 +2,8 @@ import { NextRequest, NextResponse } from "next/server";
 import { getContentByKey } from "@/lib/content";
 import { getContentPage } from "@/lib/directus";
 
+const CACHE_TTL = 300; // 5 minutes
+
 export async function GET(request: NextRequest) {
   const { searchParams } = new URL(request.url);
   const key = searchParams.get("key");
@@ -15,21 +17,32 @@ export async function GET(request: NextRequest) {
     // 1) Try Directus first
     const directusPage = await getContentPage(key, locale);
     if (directusPage) {
-      return NextResponse.json({
-        content: {
-          title: directusPage.title,
-          slug: directusPage.slug,
-          locale: directusPage.locale || locale,
-          content: directusPage.content,
+      return NextResponse.json(
+        {
+          content: {
+            title: directusPage.title,
+            slug: directusPage.slug,
+            locale: directusPage.locale || locale,
+            content: directusPage.content,
+          },
+          source: "directus",
         },
-        source: "directus",
-      });
+        { headers: { "Cache-Control": `public, s-maxage=${CACHE_TTL}, stale-while-revalidate=${CACHE_TTL * 2}` } }
+      );
     }
 
     // 2) Fallback: PostgreSQL
     const translation = await getContentByKey({ key, locale });
-    if (!translation) return NextResponse.json({ content: null });
-    return NextResponse.json({ content: translation, source: "postgresql" });
+    if (!translation) {
+      return NextResponse.json(
+        { content: null },
+        { headers: { "Cache-Control": `public, s-maxage=${CACHE_TTL}, stale-while-revalidate=${CACHE_TTL * 2}` } }
+      );
+    }
+    return NextResponse.json(
+      { content: translation, source: "postgresql" },
+      { headers: { "Cache-Control": `public, s-maxage=${CACHE_TTL}, stale-while-revalidate=${CACHE_TTL * 2}` } }
+    );
   } catch (error) {
     // If DB isn't migrated/available, fail soft so the UI can fall back to next-intl strings.
     if (process.env.NODE_ENV === "development") {