doc: Use unstable_cache for dependents caching

Author: franky47

packages/docs/src/app/(pages)/_landing/bundle-size.tsx

@@ -10,6 +10,6 @@ export async function BundleSize() {
     return prettyBytes(size)
   } catch (error) {
     console.error(error)
-    return 'less than 4KB'
+    return 'less than 5KB'
   }
 }

packages/docs/src/app/(pages)/_landing/dependents/crawler.ts

@@ -1,4 +1,5 @@
 import * as cheerio from 'cheerio'
+import { unstable_cache } from 'next/cache'
 
 enum PackageId {
   nuqs = 'UGFja2FnZS00MjczNzAxNTA5',
@@ -12,7 +13,15 @@ export type Result = {
   avatarID: string
 }
 
-export async function crawlDependents() {
+export const crawlDependents = unstable_cache(
+  _crawlDependents,
+  ['crawlDependents'],
+  {
+    revalidate: 86_400
+  }
+)
+
+async function _crawlDependents() {
   const allResults: Result[] = []
   let url = `https://github.com/47ng/nuqs/network/dependents?package_id=${PackageId.nuqs}`
   while (true) {

packages/docs/src/app/(pages)/_landing/dependents/dependents.tsx

@@ -1,16 +1,9 @@
 import { cn } from '@/src/lib/utils'
 import Image from 'next/image'
-import type { Result } from './crawler'
+import { crawlDependents } from './crawler'
 
 export async function DependentsSection() {
-  const dependents: Result[] = await fetch(
-    'https://nuqs.47ng.com/api/dependents',
-    {
-      next: {
-        revalidate: 86_400
-      }
-    }
-  ).then(res => res.json())
+  const dependents = await crawlDependents()
   return (
     <section className="container">
       <h2 className="mb-8 text-center text-3xl font-bold tracking-tighter dark:text-white md:text-4xl xl:text-5xl">