trying to updated seo

Author: AmoDinho

src/components/seo.js

@@ -10,7 +10,7 @@ import PropTypes from "prop-types"
 import Helmet from "react-helmet"
 import { useStaticQuery, graphql } from "gatsby"
 
-function SEO({ description, lang, meta, title }) {
+function SEO({ description, lang, meta, title, url }) {
   const { site } = useStaticQuery(
     graphql`
       query {
@@ -49,7 +49,9 @@ function SEO({ description, lang, meta, title }) {
         },
         {
           property: `og:type`,
-          content: `website`,
+          content: website
+            ? website
+            : `https://fullstack-serverless-graphql.netlify.app/`,
         },
         {
           name: `twitter:card`,

src/templates/post.js

@@ -7,13 +7,18 @@ import ArrowLeft from "../assets/arrow-left.svg"
 import ArrowRight from "../assets/arrow-right.svg"
 import SideChapterBox from "../components/chapters/SideChapterBox"
 import GithubButton from "../components/buttons/GithubButtton"
+import SEO from "../components/seo"
 export default function Template({ data, pageContext }) {
   const { markdownRemark } = data // data.markdownRemark holds your post data
   const { frontmatter, html } = markdownRemark
   const { previous, next } = pageContext
-  console.log("ddd", pageContext)
+  console.log("ddd", frontmatter.path)
   return (
     <Layout>
+      <SEO
+        title={frontmatter.title}
+        website={`https://fullstack-serverless-graphql.netlify.app/${frontmatter.path}`}
+      />
       <div className="flex justify-center x:flex-col">
         <div className="blog-post">
           <HeadingOne>{frontmatter.title}</HeadingOne>