Add case study og images (#551)

inngest · Oct 31, 2023 · 5f78cd6 · 5f78cd6 · vercel · Oct 31, 2023
1 parent 9b579d7
commit 5f78cd6
Show file tree

Hide file tree

Showing 6 changed files with 7 additions and 4 deletions.
diff --git a/pages/_app.tsx b/pages/_app.tsx
@@ -114,7 +114,7 @@ function MyApp({ Component, pageProps }: AppProps<DefaultProps>) {
     "Reliable serverless background functions on any platform";
   const metaTitle = `Inngest - ${title}`;
   const disableMetadata = Boolean(
-    pageProps?.meta?.disabled === true || router.asPath.match(/^\/docs/)
+    isDocs || isCaseStudy || pageProps?.meta?.disabled === true
   );
   // Warn during local dev
   if (

diff --git a/pages/customers/resend.mdx b/pages/customers/resend.mdx
@@ -11,6 +11,7 @@ export const quote = {
 }
 export const companyURL = 'https://resend.com'
 export const companyDescription = 'The modern email sending platform'
+export const ogImage = '/assets/customers/case-study/og-image-resend.png'
 
 [Resend (YC W23)](https://resend.com/) is modern email sending platform that's raising the bar for developer experience. The team's early success building the popular React Email library helped drive early growth which the team has continued to build on to make Resend a goto for developers. Since their launch, Resend has been scaling quickly which led them to exploring Inngest, specifically for developer experience (DX), observability, and reliability. ~~Game recognize game~~. Great DX recognize great DX.
 

diff --git a/public/assets/customers/case-study/og-image-default.png b/public/assets/customers/case-study/og-image-default.png
diff --git a/public/assets/customers/case-study/og-image-resend.png b/public/assets/customers/case-study/og-image-resend.png
diff --git a/shared/CaseStudy/Layout.tsx b/shared/CaseStudy/Layout.tsx
@@ -27,6 +27,7 @@ export type Props = {
   };
   companyDescription: string;
   companyURL: string;
+  ogImage?: string;
 };
 
 export function Layout({
@@ -37,22 +38,23 @@ export function Layout({
   quote,
   companyDescription,
   companyURL,
+  ogImage = "/assets/customers/case-study/og-image-default.png",
 }: Props) {
   const metaTitle = `Case Study - ${companyName}`;
   const description = title;
-  const metaImage = getOpenGraphImageURL({ title: metaTitle });
   return (
     <div className="bg-slate-1000 font-sans">
       <Head>
         <title>{metaTitle}</title>
         <meta name="description" content={description}></meta>
         <meta property="og:title" content={metaTitle} />
         <meta property="og:description" content={description} />
+        <meta property="og:image" content={ogImage} />
         <meta property="og:type" content="article" />
         <meta name="twitter:card" content="summary_large_image" />
         <meta name="twitter:site" content="@inngest" />
         <meta name="twitter:title" content={metaTitle} />
-        <meta name="twitter:image" content={metaImage} />
+        <meta name="twitter:image" content={ogImage} />
       </Head>
       <Header />
       <Container>

diff --git a/shared/Docs/Layout.tsx b/shared/Docs/Layout.tsx
@@ -48,7 +48,6 @@ export function Layout({
   const metaDescription =
     description || `Inngest documentation for ${preferredTitle}`;
   const metaImage = getOpenGraphImageURL({ title: preferredTitle });
-
   return (
     <div className="dark:bg-slate-1000">
       <MDXProvider components={mdxComponents}>
@@ -57,6 +56,7 @@ export function Layout({
           <meta name="description" content={metaDescription}></meta>
           <meta property="og:title" content={pageTitle} />
           <meta property="og:description" content={metaDescription} />
+          <meta property="og:image" content={metaImage} />
           <meta property="og:type" content="article" />
           <meta name="twitter:card" content="summary_large_image" />
           <meta name="twitter:site" content="@inngest" />