chore: Read from cache

Author: franky47

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

@@ -5,7 +5,7 @@ enum PackageId {
   nextUseQueryState = 'UGFja2FnZS0xMTYwOTg5NDIx'
 }
 
-type Result = {
+export type Result = {
   repo: string
   stars: number
   pkg: string
@@ -47,7 +47,9 @@ async function crawlDependentsPage(url: string) {
     new URLSearchParams(url.split('?')[1]).get('package_id') === PackageId.nuqs
       ? 'nuqs'
       : 'next-usequerystate'
-  const html = await fetch(url).then(res => res.text())
+  const html = await fetch(url, {
+    cache: 'no-store'
+  }).then(res => res.text())
   const $ = cheerio.load(html)
   const results: Result[] = []
   $('[data-test-id="dg-repo-pkg-dependent"]').each((index, element) => {

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

@@ -1,9 +1,16 @@
 import { cn } from '@/src/lib/utils'
 import Image from 'next/image'
-import { crawlDependents } from './crawler'
+import type { Result } from './crawler'
 
 export async function DependentsSection() {
-  const dependents = await crawlDependents()
+  const dependents: Result[] = await fetch(
+    'https://nuqs.47ng.com/api/dependents',
+    {
+      next: {
+        revalidate: 86_400
+      }
+    }
+  ).then(res => res.json())
   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">