VSinerva/freesewing
1
0
Fork 0
Code Activity

fix(fs.dev): OG tags in additional pages

Browse source
This commit is contained in:
Joost De Cock 2021-12-31 15:35:04 +01:00
parent 61d344a596
commit 66b1f9ec7b
2 changed files with 28 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

14
packages/freesewing.dev/pages/blog/index.js
View file

@ -4,6 +4,7 @@ import Link from 'next/link'
import { posts } from 'site/prebuild/strapi.blog.en.js' import { posts } from 'site/prebuild/strapi.blog.en.js'
import orderBy from 'lodash.orderby' import orderBy from 'lodash.orderby'
import TimeAgo from 'react-timeago' import TimeAgo from 'react-timeago'
import Head from 'next/head'
import HelpUs from 'site/components/help-us.js' import HelpUs from 'site/components/help-us.js'
const strapi = "https://posts.freesewing.org" const strapi = "https://posts.freesewing.org"
@ -51,6 +52,19 @@ const BlogIndexPage = (props) => {
return ( return (
<Page app={app} title='FreeSewing Development Blog' slug='blog'> <Page app={app} title='FreeSewing Development Blog' slug='blog'>
<Head>
<meta property="og:title" content="FreeSewing Developers Blog" key="title" />
<meta property="og:type" content="article" key='type' />
<meta property="og:description" content="Content for developers and contributors alike. Strictly no sewing stuff" key='type' />
<meta property="og:article:author" content='Joost De Cock' key='author' />
<meta property="og:image" content="https://canary.backend.freesewing.org/en/dev/blog" key='image' />
<meta property="og:image:type" content="image/png" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta property="og:url" content="https://freesewing.dev/blog" key='url' />
<meta property="og:locale" content="en_US" key='locale' />
<meta property="og:site_name" content="freesewing.dev" key='site' />
</Head>
<div className="grid grid-cols-1 gap-4 lg:grid-cols-2"> <div className="grid grid-cols-1 gap-4 lg:grid-cols-2">
{Object.values(orderBy(posts, ['date'], ['desc'])) {Object.values(orderBy(posts, ['date'], ['desc']))
.map(post => <Preview app={app} post={post} key={post.slug}/>) .map(post => <Preview app={app} post={post} key={post.slug}/>)

14
packages/freesewing.dev/pages/index.js
View file

@ -1,6 +1,7 @@
import Page from 'shared/components/wrappers/page.js' import Page from 'shared/components/wrappers/page.js'
import useApp from 'site/hooks/useApp.js' import useApp from 'site/hooks/useApp.js'
import Logo from 'shared/components/logos/freesewing.js' import Logo from 'shared/components/logos/freesewing.js'
import Head from 'next/head'
import HelpUs from 'site/components/help-us.js' import HelpUs from 'site/components/help-us.js'
import Link from 'next/link' import Link from 'next/link'
@ -8,6 +9,19 @@ const HomePage = (props) => {
const app = useApp() const app = useApp()
return ( return (
<Page app={app} title="Welcome to FreeSewing.dev"> <Page app={app} title="Welcome to FreeSewing.dev">
<Head>
<meta property="og:title" content="FreeSewing.dev" key="title" />
<meta property="og:type" content="article" key='type' />
<meta property="og:description" content="Documentation and tutorials for FreeSewing developers and contributors. Plus our Developers Blog" key='type' />
<meta property="og:article:author" content='Joost De Cock' key='author' />
<meta property="og:image" content="https://canary.backend.freesewing.org/en/dev/" key='image' />
<meta property="og:image:type" content="image/png" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta property="og:url" content="https://freesewing.dev/" key='url' />
<meta property="og:locale" content="en_US" key='locale' />
<meta property="og:site_name" content="freesewing.dev" key='site' />
</Head>
<div className="max-w-screen-md"> <div className="max-w-screen-md">
<p> <p>
FreeSewing.dev hosts documentation for contributors and developers alike. FreeSewing.dev hosts documentation for contributors and developers alike.