fix: prerender issues (#2223)

Author: HugoRCD

app/components/header/HeaderToggle.vue

@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { motion } from 'motion-v'
 import type { VariantType } from 'motion-v'
+import { useLocale } from '@nuxt/ui/composables/useLocale'
 
 const props = defineProps<{
   open: boolean

app/pages/docs/[...slug].vue

@@ -79,7 +79,10 @@ watch(page, (page) => {
 }, { immediate: true })
 
 // Get the -2 item of the breadcrumb
-const currentSectionTitle = computed(() => headerLinks.value[0].children.find(link => path.value.includes(link.to))?.label || findPageBreadcrumb(navigation.value, path.value).slice(-1)[0].title)
+const currentSectionTitle = computed(() =>
+  headerLinks.value[0]?.children?.find(link => path.value.includes(link.to))?.label
+  || findPageBreadcrumb(navigation.value, path.value).slice(-1)[0]?.title
+  || '')
 
 const breadcrumb = computed(() => {
   const links = mapContentNavigation(findPageBreadcrumb(navigation.value, path.value)).map(link => ({

server/api/sponsors/index.get.ts

@@ -1,10 +1,16 @@
 import type { Sponsor, SponsorType } from '#shared/types'
 
 export default cachedEventHandler(async (event) => {
-  const sponsors = await Promise.all([
-    fetchGithubSponsors(event),
-    fetchOpenCollectiveSponsors(event)
-  ])
+  let sponsors: [Sponsor[], Sponsor[]]
+  try {
+    sponsors = await Promise.all([
+      fetchGithubSponsors(event),
+      fetchOpenCollectiveSponsors(event)
+    ])
+  } catch (e) {
+    console.warn('[sponsors] Failed to load sponsor data, returning empty tiers:', e)
+    sponsors = [[], []]
+  }
 
   const sponsorsByTier: Record<SponsorType, Array<Sponsor>> = {
     diamond: [],

server/utils/npm.ts

@@ -44,7 +44,8 @@ async function npmFetch<T>(url: string): Promise<T | null> {
     }
   }
 
-  console.error(`Failed to fetch ${url} after ${maxRetries} retries: ${lastError}`)
+  const wasRateLimited = lastError?.status === 429 || lastError?.statusCode === 429
+  console[wasRateLimited ? 'warn' : 'error'](`Failed to fetch ${url} after ${maxRetries} retries: ${lastError}`)
 
   return null
 }
@@ -101,9 +102,11 @@ export const npm = {
       }
     }
 
-    // Fetch scoped packages individually (not supported in bulk queries)
+    // Fetch scoped packages individually (not supported in bulk queries).
+    // Small delay between calls to avoid npm registry 429s during full prerender/build.
     for (const pkg of scopedPackages) {
       result[pkg] = await this.fetchPackageStats(pkg, period)
+      await new Promise(r => setTimeout(r, 75))
     }
 
     return result

server/utils/sponsors.ts

@@ -39,6 +39,11 @@ export interface OpenCollectiveSponsor {
 }
 
 export async function fetchOpenCollectiveSponsors(event: H3Event): Promise<OpenCollectiveSponsor[]> {
+  if (!useRuntimeConfig(event).openCollective.apiKey) {
+    console.warn('[sponsors] Skipping Open Collective: NUXT_OPEN_COLLECTIVE_API_KEY is not set')
+    return []
+  }
+
   const key = `sponsors:opencollective`
   const cached = await kv.get<OpenCollectiveSponsor[]>(key)
   if (cached) {
@@ -150,6 +155,11 @@ export async function fetchOpenCollectiveSponsors(event: H3Event): Promise<OpenC
 }
 
 export const fetchGithubSponsors = async (event: H3Event): Promise<Sponsor[]> => {
+  if (!useRuntimeConfig(event).github.token) {
+    console.warn('[sponsors] Skipping GitHub sponsors: NUXT_GITHUB_TOKEN is not set')
+    return []
+  }
+
   const response: Sponsor[] = []
   const first = 100
   let cursor: string | null = null