epic-react-exercises icon indicating copy to clipboard operation
epic-react-exercises copied to clipboard

Published 20 hours ago • verified publisher icon mithi

Each article/page should have its own title

Open mithi opened this issue 4 years ago • 0 comments

Create a pageProperties.json that contains the title and description of that page content/topic/section/pageId

Edit to read and return pageProperties

https://github.com/mithi/epic-notes/blob/d624a04bb0733088f067095c08679a07ac286828/utils/index.js#L54

Edit this component to destructure the return of pageContents

https://github.com/mithi/epic-notes/blob/d624a04bb0733088f067095c08679a07ac286828/pages/react/%5Bsection%5D/%5BpageId%5D.js#L18

that passes it to

https://github.com/mithi/epic-notes/blob/d624a04bb0733088f067095c08679a07ac286828/components/notebook/index.js#L158

add

<Head> 
<meta property="og:url" content={currentURL} key="ogurl" />
<meta property="og:image" content={previewImage} key="ogimage" />
<meta property="og:site_name" content={siteName} key="ogsitename" />
<meta property="og:title" content={pageTitle} key="ogtitle" />
<meta property="og:description" content={description} key="ogdesc" />
</Head>

or something

References

https://www.netlify.com/blog/2020/05/08/improve-your-seo-and-social-sharing-cards-with-next.js/

mithi avatar Feb 08 '21 17:02 mithi