supabase/apps/docs/components/reference/RefSEO.tsx

import { NextSeo } from 'next-seo'
import { useRouter } from 'next/compat/router'

function RefSEO({ title }) {
  const router = useRouter()

  const path = router.asPath.replace('crawlers/', '')

  return (
    <NextSeo
      title={title}
      openGraph={{
        title,
        url: `https://supabase.com/docs${path}`,
        images: [
          {
            url: `https://supabase.com/docs/img/supabase-og-image.png`,
          },
        ],
      }}
    />
  )
}

export default RefSEO