perf: add ISR revalidation (30s) to explore page

src/app/explore/page.tsx

@@ -2,13 +2,13 @@ import { Suspense } from "react"
 import { Metadata } from "next"
 import prisma from "@/lib/prisma"
 import { ExploreClient } from "@/components/explore/explore-client"
-import { Badge } from "@/components/ui/badge"
 import { Loader2 } from "lucide-react"
 import { generateSEO } from "@/lib/seo"
 
 const BASE_URL = process.env.NEXT_PUBLIC_APP_URL || 'https://open-prompt.netlify.app'
 
-export const dynamic = 'force-dynamic'
+// Revalidate every 30 seconds instead of force-dynamic
+export const revalidate = 30
 
 export const metadata: Metadata = generateSEO({
     title: "Explore AI Prompts | OpenPrompt",
@@ -18,56 +18,60 @@ export const metadata: Metadata = generateSEO({
 }) as Metadata
 
 async function getInitialPrompts(category?: string, search?: string, sort?: string) {
-    const orderBy: Record<string, 'asc' | 'desc'>[] = []
+    try {
+        const orderBy: Record<string, 'asc' | 'desc'>[] = []
 
-    switch (sort) {
-        case 'recent':
-            orderBy.push({ createdAt: 'desc' })
-            break
-        case 'stars':
-            orderBy.push({ starsCount: 'desc' })
-            break
-        case 'runs':
-            orderBy.push({ totalRuns: 'desc' })
-            break
-        default:
-            orderBy.push({ totalRuns: 'desc' })
-    }
+        switch (sort) {
+            case 'recent':
+                orderBy.push({ createdAt: 'desc' })
+                break
+            case 'stars':
+                orderBy.push({ starsCount: 'desc' })
+                break
+            case 'runs':
+                orderBy.push({ totalRuns: 'desc' })
+                break
+            default:
+                orderBy.push({ totalRuns: 'desc' })
+        }
 
-    // Add secondary sort by ID for stability
-    orderBy.push({ id: 'desc' })
+        orderBy.push({ id: 'desc' })
 
-    const where: Record<string, unknown> = {
-        visibility: 'public',
-    }
+        const where: Record<string, unknown> = {
+            visibility: 'public',
+        }
 
-    if (category) {
-        where.category = category
-    }
+        if (category) {
+            where.category = category
+        }
 
-    if (search) {
-        where.OR = [
-            { title: { contains: search, mode: 'insensitive' } },
-            { description: { contains: search, mode: 'insensitive' } },
-        ]
-    }
+        if (search) {
+            where.OR = [
+                { title: { contains: search, mode: 'insensitive' } },
+                { description: { contains: search, mode: 'insensitive' } },
+            ]
+        }
 
-    const prompts = await prisma.prompt.findMany({
-        where,
-        include: {
-            creator: {
-                select: {
-                    name: true,
-                    username: true,
-                    image: true,
+        const prompts = await prisma.prompt.findMany({
+            where,
+            include: {
+                creator: {
+                    select: {
+                        name: true,
+                        username: true,
+                        image: true,
+                    },
                 },
             },
-        },
-        orderBy,
-        take: 12,
-    })
+            orderBy,
+            take: 12,
+        })
 
-    return prompts
+        return prompts
+    } catch (error) {
+        console.error('Explore page data fetch error:', error)
+        return []
+    }
 }
 
 interface ExplorePageProps {