fix(landing): fix 404ing OG images for every model and integration page

apps/sim/app/(landing)/integrations/(shell)/[slug]/opengraph-image.tsx

@@ -19,6 +19,17 @@ const AUTH_LABEL: Record<AuthType, string> = {
   none: 'No auth required',
 }
 
+/**
+ * The sibling page.tsx sets `dynamicParams = false`, a segment-level
+ * restriction that also blocks this metadata route from rendering any
+ * param combination it wasn't statically generated for - but Next does not
+ * share generateStaticParams between a page and its sibling metadata
+ * routes, so without this export every integration's OG image 404s.
+ */
+export async function generateStaticParams() {
+  return integrations.map((integration) => ({ slug: integration.slug }))
+}
+
 export default async function Image({ params }: { params: Promise<{ slug: string }> }) {
   const { slug } = await params
   const integration = bySlug.get(slug)

apps/sim/app/(landing)/models/(shell)/[provider]/[model]/opengraph-image.tsx

@@ -1,5 +1,6 @@
 import { notFound } from 'next/navigation'
 import {
+  ALL_CATALOG_MODELS,
   formatPrice,
   formatTokenCount,
   getModelBySlug,
@@ -13,6 +14,20 @@ export const size = {
   height: 630,
 }
 
+/**
+ * The sibling page.tsx sets `dynamicParams = false`, a segment-level
+ * restriction that also blocks this metadata route from rendering any
+ * param combination it wasn't statically generated for - but Next does not
+ * share generateStaticParams between a page and its sibling metadata
+ * routes, so without this export every model's OG image 404s.
+ */
+export async function generateStaticParams() {
+  return ALL_CATALOG_MODELS.map((model) => ({
+    provider: model.providerSlug,
+    model: model.slug,
+  }))
+}
+
 export default async function Image({
   params,
 }: {

apps/sim/app/(landing)/models/(shell)/[provider]/opengraph-image.tsx

@@ -5,6 +5,7 @@ import {
   getCheapestProviderModel,
   getLargestContextProviderModel,
   getProviderBySlug,
+  MODEL_PROVIDERS_WITH_CATALOGS,
 } from '@/app/(landing)/models/utils'
 import { createLandingOgImage } from '@/app/(landing)/og-utils'
 
@@ -14,6 +15,19 @@ export const size = {
   height: 630,
 }
 
+/**
+ * The sibling page.tsx sets `dynamicParams = false`, a segment-level
+ * restriction that also blocks this metadata route from rendering any
+ * param combination it wasn't statically generated for - but Next does not
+ * share generateStaticParams between a page and its sibling metadata
+ * routes, so without this export every provider's OG image 404s.
+ */
+export async function generateStaticParams() {
+  return MODEL_PROVIDERS_WITH_CATALOGS.map((provider) => ({
+    provider: provider.slug,
+  }))
+}
+
 export default async function Image({ params }: { params: Promise<{ provider: string }> }) {
   const { provider: providerSlug } = await params
   const provider = getProviderBySlug(providerSlug)