Add OG tags for overthought posts.

Hey 👋

I noticed when trying to share your latest blog post that it didn’t have OG tags set up (example).

You should be able to use something like next-seo on your [slug].tsx page. I’m not sure the recommended way to do OG tags with Ghost, but I’m guessing it’s something like this.

<NextSeo
  openGraph={{
    type: 'article',
    title: post.metaTitle,
    description: post.metaDescription,
    images: [
      {
        url: post.metaImage,
        width: 850,
        height: 650,
        alt: post.metaTitle,
      },
    ],
  }}
  title={post.metaTitle}
  description={post.metaDescription}
/>

Btw, nice use of TS 😍

[brianlovin]

Hm this is frustrating. I’ll see if I can get mxstbr to take a look.

[brianlovin]

@leerob thanks for the note, I must be missing it! I’ll add it in.

Also, thank you for writing https://leerob.io/blog/mailchimp-next-js - it helped me implement https://github.com/brianlovin/brian-lovin-next/commit/ca3f7b7064ece68eb7033066c2f25c37737b5f25

<div>Create a Newsletter with Next.js API Routes and Mailchimp - Lee Robinson</div><div>Learn how to integrate Next.js and React with Mailchimp to build a newsletter subscription form.</div>