pagination

app/(auth)/dashboard/page.tsx

@@ -8,7 +8,9 @@ import React from 'react'
 
 export default async function DashboardPage() {
     const events = await queries.fetchEvents();
-    const guestBookEntries = await queries.fetchGuestBookEntries(5);
+    const guestBookData = await queries.fetchGuestBookEntries({ takeOnlyRecent: 5 });
+
+    const guestBookEntries = Array.isArray(guestBookData) ? guestBookData : guestBookData.entries;
 
     return (
         <div className='grid grid-cols-1 md:grid-cols-7 gap-4'>

app/(auth)/guest-book/page.tsx

@@ -3,11 +3,26 @@ import { queries } from '@/lib/queries'
 import { getServerSession } from 'next-auth'
 import GuestBookPageClient from '@/components/GuestBookPageClient'
 
-export default async function GuestBookPage() {
+export default async function GuestBookPage({ searchParams }: { searchParams: { page?: string } }) {
     const session = await getServerSession(authOptions)
     if (!session?.user) return <p className='text-center mt-10'>Unauthorized</p>
 
-    const entries = await queries.fetchGuestBookEntries()
+    const currentPage = Number(searchParams.page) || 1
 
-    return <GuestBookPageClient entries={entries} />
+    const guestBookData = await queries.fetchGuestBookEntries({
+        page: currentPage,
+        pageSize: 10,
+    })
+
+    const { entries, totalPages, currentPage: verifiedPage } = !Array.isArray(guestBookData)
+        ? guestBookData
+        : { entries: guestBookData, totalPages: 1, currentPage: 1 }
+
+    return (
+        <GuestBookPageClient
+            entries={entries}
+            totalPages={totalPages}
+            currentPage={verifiedPage}
+        />
+    )
 }

app/api/guestbook/paginate/route.ts

@@ -0,0 +1,24 @@
+import { NextRequest, NextResponse } from 'next/server'
+import { prisma } from '@/lib/prisma'
+
+export async function GET(req: NextRequest) {
+    const { searchParams } = new URL(req.url)
+    const cursor = searchParams.get('cursor') ?? undefined
+    const take = parseInt(searchParams.get('take') || '10', 10)
+
+    try {
+        const entries = await prisma.guestBookEntry.findMany({
+            take,
+            skip: cursor ? 1 : 0,
+            ...(cursor && { cursor: { id: cursor } }),
+            orderBy: [{ lName: 'asc' }, { fName: 'asc' }],
+        })
+
+        const nextCursor = entries.length === take ? entries[entries.length - 1].id : null
+
+        return NextResponse.json({ entries, nextCursor })
+    } catch (error) {
+        console.error('[GET GUESTBOOK PAGINATE]', error)
+        return NextResponse.json({ message: 'Failed to fetch paginated entries' }, { status: 500 })
+    }
+}