VSinerva/freesewing
1
0
Fork 0
Code Activity

feat(fs.dev): Open graph for blog posts

Browse source
This commit is contained in:
Joost De Cock 2021-12-28 16:22:49 +01:00
parent b5929b825e
commit af0473a02b
1 changed files with 10 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

10
packages/freesewing.dev/pages/blog/[slug].js
View file

@ -5,6 +5,7 @@ import { posts } from 'site/prebuild/strapi.blog.en.js'
import TimeAgo from 'react-timeago'
import MdxWrapper from 'shared/components/wrappers/mdx'
import Markdown from 'react-markdown'
import Head from 'next/head'
const strapi = "https://posts.freesewing.org"
@ -51,6 +52,15 @@ const PostPage = ({ post, author }) => {
return (
<Page app={app} title={post.title}>
<Head>
<meta property="og:title" content={post.title} key="title" />
<meta property="og:type" content="article" />
<meta property="og:article:author" content={author.displayname} />
<meta property="og:url" content={`https://canary.freesewing.dev/blog/${post.slug}`} />
<meta property="og:image" content={`${strapi}${post.image.formats.large.url}`} />
<meta property="og:local" content="en_US" />
<meta property="og:site_name" content="freesewing.dev" />
</Head>
<article className="mb-12">
<div className="flex flex-row justify-between text-sm mb-1 mt-2">
<span><TimeAgo date={post.date} /> [{post.date}]</span>