[Render Preview] Switch Agent Store to SSG

web/src/app/api/agents/route.ts

@@ -6,8 +6,8 @@ import { unstable_cache } from 'next/cache'
 
 import { logger } from '@/util/logger'
 
-// Cache for 60 seconds with stale-while-revalidate
-export const revalidate = 60
+// Enable static generation for API route
+export const revalidate = 600 // Cache for 10 minutes
 
 // Cached function for expensive agent aggregations
 const getCachedAgents = unstable_cache(
@@ -251,7 +251,7 @@ const getCachedAgents = unstable_cache(
   },
   ['agents-data'],
   {
-    revalidate: 60,
+    revalidate: 60 * 10, // Cache for 10 minutes
     tags: ['agents'],
   }
 )
@@ -265,9 +265,13 @@ export async function GET() {
     // Add cache headers for CDN and browser caching
     response.headers.set(
       'Cache-Control',
-      'public, max-age=60, s-maxage=60, stale-while-revalidate=300'
+      'public, max-age=600, s-maxage=600, stale-while-revalidate=600'
     )
 
+    // Add additional headers for better CDN caching
+    response.headers.set('Vary', 'Accept-Encoding')
+    response.headers.set('X-Content-Type-Options', 'nosniff')
+
     return response
   } catch (error) {
     logger.error({ error }, 'Error fetching agents')

web/src/app/store/page.tsx

@@ -1,7 +1,5 @@
 import { Suspense } from 'react'
 import { Metadata } from 'next'
-import { getServerSession } from 'next-auth/next'
-import { authOptions } from '@/app/api/auth/[...nextauth]/auth-options'
 import { unstable_cache } from 'next/cache'
 import AgentStoreClient from './store-client'
 
@@ -84,29 +82,27 @@ export const metadata: Metadata = {
   },
 }
 
-// Enable static generation with revalidation
-export const revalidate = 60
+// Enable static site generation with ISR
+export const revalidate = 60 * 10 // Revalidate every hour
 
 interface StorePageProps {
   searchParams: { [key: string]: string | string[] | undefined }
 }
 
 export default async function StorePage({ searchParams }: StorePageProps) {
-  // Get session for conditional rendering
-  const session = await getServerSession(authOptions)
-
-  // Fetch agents data at build time / on revalidation
+  // Fetch agents data at build time
   const agentsData = await getCachedAgentsData()
 
-  // For now, pass empty array for publishers - client will handle this
+  // For static generation, we don't pass session data
+  // The client will handle authentication state
   const userPublishers: PublisherProfileResponse[] = []
 
   return (
     <Suspense fallback={<StorePageSkeleton />}>
       <AgentStoreClient
         initialAgents={agentsData}
         initialPublishers={userPublishers}
-        session={session}
+        session={null} // Client will handle session
         searchParams={searchParams}
       />
     </Suspense>