feat: cache init

Author: agmmtoo

app/(protected)/admin/books/page.tsx

@@ -49,15 +49,24 @@ export default async function Books({
   const cookieName = process.env.LIBRARY_COOKIE_NAME as string
   const libID = cookieStore.get(cookieName)?.value
 
-  const res = await getListBooks({
-    sort_by: 'created_at',
-    sort_in: 'desc',
-    limit: limit,
-    skip: skip,
-    title: sp?.title,
-    library_id: libID,
-    include_stats: 'true',
-  })
+  const res = await getListBooks(
+    {
+      sort_by: 'created_at',
+      sort_in: 'desc',
+      limit: limit,
+      skip: skip,
+      title: sp?.title,
+      library_id: libID,
+      include_stats: 'true',
+    },
+    {
+      cache: 'force-cache',
+      next: {
+        tags: ['books'],
+        revalidate: 300,
+      },
+    }
+  )
 
   if ('error' in res) {
     console.log(res)

app/(protected)/admin/borrows/page.tsx

@@ -91,6 +91,11 @@ export default async function Borrows({
     },
     {
       headers,
+      cache: 'force-cache',
+      next: {
+        tags: ['borrows'],
+        revalidate: 60,
+      },
     }
   )
 

app/(protected)/books/page.tsx

@@ -56,7 +56,13 @@ export default async function UserBooks({
 
   await Verify({ from: '/books' })
 
-  const res = await getListBooks(query)
+  const res = await getListBooks(query, {
+    cache: 'force-cache',
+    next: {
+      tags: ['books'],
+      revalidate: 300,
+    },
+  })
 
   if ('error' in res) {
     console.log(res)

app/(protected)/borrows/page.tsx

@@ -81,6 +81,11 @@ export default async function Borrows({
     },
     {
       headers,
+      cache: 'force-cache',
+      next: {
+        tags: ['borrows'],
+        revalidate: 60,
+      },
     }
   )
 

app/explore/books/page.tsx

@@ -41,14 +41,23 @@ export default async function ExploreBooks({
   const limit = Number(sp?.limit ?? 20)
   const library_id = sp?.library_id
 
-  const res = await getListBooks({
-    sort_by: 'created_at',
-    sort_in: 'desc',
-    limit: limit,
-    skip: skip,
-    title: sp?.title,
-    ...(library_id ? { library_id } : {}),
-  })
+  const res = await getListBooks(
+    {
+      sort_by: 'created_at',
+      sort_in: 'desc',
+      limit: limit,
+      skip: skip,
+      title: sp?.title,
+      ...(library_id ? { library_id } : {}),
+    },
+    {
+      cache: 'force-cache',
+      next: {
+        tags: ['books'],
+        revalidate: 300,
+      },
+    }
+  )
 
   if ('error' in res) {
     console.log(res)

lib/actions/return-borrow.ts

@@ -1,6 +1,6 @@
 'use server'
 
-import { revalidatePath } from 'next/cache'
+import { revalidatePath, revalidateTag } from 'next/cache'
 import { returnBorrow } from '../api/borrow'
 import { Verify } from '../firebase/firebase'
 
@@ -39,6 +39,7 @@ export async function returnBorrowAction({
   } finally {
     revalidatePath(`/admin/borrows/${id}`)
     revalidatePath(`/admin/borrows`)
+    revalidateTag('borrows', 'max')
     // revalidatePath(`/borrows/${id}`)
     // revalidatePath('/borrows')
     // revalidatePath('/admin/books')

lib/actions/undo-return.ts

@@ -1,6 +1,6 @@
 'use server'
 
-import { revalidatePath } from 'next/cache'
+import { revalidatePath, revalidateTag } from 'next/cache'
 import { deleteReturn } from '../api/borrow'
 import { Verify } from '../firebase/firebase'
 
@@ -28,6 +28,7 @@ export async function undoReturnAction(id: string) {
   } finally {
     revalidatePath(`/admin/borrows/${id}`)
     revalidatePath(`/admin/borrows`)
+    revalidateTag('borrows', 'max')
     // revalidatePath(`/borrows/${id}`)
     // revalidatePath('/borrows')
     // revalidatePath('/admin/books')

lib/api/book.ts

@@ -13,10 +13,10 @@ type GetListBooksQuery = QueryParams<
 }
 type GetListBooksResponse = Promise<ResList<Book>>
 
-export const getListBooks = async ({
-  ids,
-  ...query
-}: GetListBooksQuery): GetListBooksResponse => {
+export const getListBooks = async (
+  { ids, ...query }: GetListBooksQuery,
+  init?: RequestInit
+): GetListBooksResponse => {
   const url = new URL(BOOKS_URL)
   Object.entries(query).forEach(([key, value]) => {
     if (value) {
@@ -27,7 +27,7 @@ export const getListBooks = async ({
     url.searchParams.append('ids', ids.join(','))
   }
 
-  const response = await fetch(url.toString())
+  const response = await fetch(url.toString(), init)
   return response.json()
 }