fix: handle api errors during build in static params and pages

Author: rmarsigli

src/app/blog/[slug]/page.tsx

@@ -13,13 +13,18 @@ interface BlogPostPageProps {
 }
 
 export async function generateStaticParams() {
-	const entries = await getEntriesByCollection(config.site.slug, 'blog', {
-		status: 'published'
-	})
+	try {
+		const entries = await getEntriesByCollection(config.site.slug, 'blog', {
+			status: 'published'
+		})
 
-	return entries.map((entry) => ({
-		slug: entry.slug
-	}))
+		return entries.map((entry) => ({
+			slug: entry.slug
+		}))
+	} catch (error) {
+		console.error('Failed to generate static params for blog posts:', error)
+		return []
+	}
 }
 
 export async function generateMetadata({ params }: BlogPostPageProps): Promise<Metadata> {

src/app/blog/page.tsx

@@ -3,7 +3,7 @@ import { config } from '@/lib/config'
 import { generatePageMetadata } from '@/lib/metadata'
 import { BlogListing } from '@/components/blog/blog-listing'
 
-import type { BlogEntryData } from '@/types/rush-cms'
+import type { BlogEntryData, RushCMSEntry } from '@/types/rush-cms'
 import type { Metadata } from 'next'
 
 export async function generateMetadata(): Promise<Metadata> {
@@ -18,9 +18,17 @@ export async function generateMetadata(): Promise<Metadata> {
 }
 
 export default async function BlogPage() {
-	const entries = await getEntriesByCollection<BlogEntryData>(config.site.slug, 'blog', {
-		status: 'published'
-	})
+	let entries: RushCMSEntry<BlogEntryData>[] = []
+
+	try {
+		const result = await getEntriesByCollection<BlogEntryData>(config.site.slug, 'blog', {
+			status: 'published'
+		})
+		entries = Array.isArray(result) ? result : []
+	} catch (error) {
+		console.error('Failed to fetch blog entries:', error)
+		entries = []
+	}
 
 	return (
 		<div className='w-full max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8 sm:py-12 lg:py-16'>