Create Head component with image meta property

TheeDouglasAM3 · Jan 26, 2021 · 59bf198 · 59bf198
1 parent 01b860e
commit 59bf198
Showing 1 changed file with 15 additions and 0 deletions.
diff --git a/src/components/Head/index.js b/src/components/Head/index.js
@@ -0,0 +1,15 @@
+import Head from 'next/head'
+
+export default function Home({ title, bg }) {
+ return (
+ <Head>
+ <title>{title}</title>
+ <meta charSet="utf-8" />
+ <meta name="viewport" content="initial-scale=1.0, width=device-width" />
+ <meta property="og:image" content={bg} />
+ <meta property="og:image:type" content="image/jpg" />
+ <meta property="og:image:width" content="800" />
+ <meta property="og:image:height" content="600" />
+ </Head>
+ )
+}