38 lines
985 B
TypeScript
38 lines
985 B
TypeScript
import Head from 'next/head'
|
|
import meta from '../../../_content/meta.json'
|
|
import resume from '../../../_content/resume.json'
|
|
|
|
const Meta = ({
|
|
title,
|
|
description,
|
|
image,
|
|
slug
|
|
}: {
|
|
title: string
|
|
description: string
|
|
image?: string
|
|
slug?: string
|
|
}) => {
|
|
const twitterHandle = resume.basics.profiles.filter(
|
|
({ network }) => network === 'Twitter'
|
|
)[0].username
|
|
const url = slug ? `${meta.url}/${slug}` : meta.url
|
|
|
|
return (
|
|
<Head>
|
|
<link rel="canonical" href={url} />
|
|
|
|
{/* <!-- Essential META Tags --> */}
|
|
<title>{title}</title>
|
|
<meta name="description" content={`${description.slice(0, 200)}...`} />
|
|
<meta property="og:title" content={title} />
|
|
<meta property="og:image" content={`${meta.url}/${image}`} />
|
|
<meta property="og:url" content={url} />
|
|
<meta name="twitter:card" content="summary_large_image" />
|
|
<meta name="twitter:creator" content={twitterHandle} />
|
|
</Head>
|
|
)
|
|
}
|
|
|
|
export default Meta
|