Elgato_dark/taxonomy
1
0
Fork 0
mirror of https://github.com/shadcn-ui/taxonomy synced 2026-05-24 01:38:28 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix: twitter title and description meta tags

Browse source
This commit is contained in:
shadcn 2022-11-28 12:44:16 +04:00
parent cff0b608e6
commit 48e73283ca
1 changed files with 9 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
components/docs/mdx-head.tsx
View file

@ -23,9 +23,12 @@ export default function MdxHead({ params, og }: MdxHeadProps) {
const url = process.env.NEXT_PUBLIC_APP_URL
let ogUrl = new URL(`${url}/og.jpg`)
const ogTitle = og?.heading || mdxDoc.title
const ogDescription = mdxDoc.description
if (og?.type) {
ogUrl = new URL(`${url}/api/og`)
ogUrl.searchParams.set("heading", og.heading || mdxDoc.title)
ogUrl.searchParams.set("heading", ogTitle)
ogUrl.searchParams.set("type", og.type)
}
@ -33,14 +36,16 @@ export default function MdxHead({ params, og }: MdxHeadProps) {
<>
<title>{title}</title>
<link rel="canonical" href={absoluteUrl(mdxDoc.slug)} />
<meta name="description" content={mdxDoc.description} />
<meta name="description" content={ogDescription} />
<meta charSet="utf-8" />
<meta name="viewport" content="width=device-width" />
<meta property="og:type" content="website" />
<meta property="og:title" content={og.heading || mdxDoc.title} />
<meta property="og:description" content={mdxDoc.description} />
<meta property="og:title" content={ogTitle} />
<meta property="og:description" content={ogDescription} />
<meta property="og:url" content={url} />
<meta property="og:image" content={ogUrl.toString()} />
<meta property="twitter:title" content={ogTitle} />
<meta property="twitter:description" content={ogDescription} />
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:url" content={url} />
<meta property="twitter:image" content={ogUrl.toString()} />