perf: add header caching for sheet

Author: apsinghdev

apps/web/src/app/(main)/sheet/[moduleId]/page.tsx

@@ -36,7 +36,7 @@ export default async function SheetModulePage({ params }: PageProps) {
                     href={sheetModule.videoUrl}
                     target="_blank"
                     rel="noopener noreferrer"
-                    className="inline-flex items-center gap-2 text-brand-purple hover:text-brand-purple-light transition-colors"
+                    className="inline-flex items-center gap-2 text-brand-purple-light hover:text-brand-purple transition-colors"
                   >
                     <svg
                       className="w-5 h-5"

apps/web/src/app/(main)/sheet/[moduleId]/sheet-content.module.css

@@ -7,7 +7,7 @@
 }
 
 .sheetContent h3 {
-  @apply mt-10 mb-5 text-lg font-semibold text-brand-purple;
+  @apply mt-10 mb-5 text-lg font-semibold text-brand-purple-light;
 }
 
 .sheetContent h2 {
@@ -19,11 +19,11 @@
 }
 
 .sheetContent a {
-  @apply text-brand-purple underline;
+  @apply text-brand-purple-light underline;
 }
 
 .sheetContent a:hover {
-  @apply text-brand-purple-light;
+  @apply text-brand-purple;
 }
 
 .sheetContent strong {
@@ -48,11 +48,11 @@
 }
 
 .sheetContent blockquote {
-  @apply border-l-2 border-brand-purple pl-4 italic text-text-tertiary my-4;
+  @apply border-l-2 border-brand-purple-light pl-4 italic text-text-tertiary my-4;
 }
 
 .sheetContent code {
-  @apply text-brand-purple bg-surface-tertiary px-1.5 py-0.5 rounded text-sm;
+  @apply text-brand-purple-light bg-surface-tertiary px-1.5 py-0.5 rounded text-sm;
 }
 
 .sheetContent pre {

apps/web/src/app/api/sheet/modules/route.ts

@@ -52,6 +52,9 @@ function loadModulesMetadata(): Omit<SheetModule, "docContent">[] {
 
 export async function GET() {
   const modules = loadModulesMetadata();
-  return NextResponse.json(modules);
+  return NextResponse.json(modules, {
+    headers: {
+      "Cache-Control": "public, s-maxage=3600, stale-while-revalidate=86400",
+    },
+  });
 }
-

apps/web/src/components/sheet/SheetModuleHeader.tsx

@@ -112,7 +112,7 @@ export function SheetModuleHeader({
     <div className="flex items-center justify-between mb-8">
       <Link
         href="/dashboard/sheet"
-        className="inline-flex items-center gap-2 text-brand-purple hover:text-brand-purple-light transition-colors text-sm font-medium"
+        className="inline-flex items-center gap-2 text-brand-purple-light hover:text-brand-purple transition-colors text-sm font-medium"
       >
         <ArrowLeft className="w-4 h-4" />
         Back to Sheet