chore: add head meta data

enesozturk · Dec 11, 2021 · 7e2c06d · 7e2c06d · vercel · Dec 11, 2021
1 parent 0d3de2b
commit 7e2c06d
Show file tree

Hide file tree

Showing 4 changed files with 36 additions and 0 deletions.
diff --git a/pages/_app.js b/pages/_app.js
@@ -3,10 +3,12 @@ import "../styles/globals.css";
 import { Toaster } from "react-hot-toast";
 
 import { EditorProvider } from "../src/context/providers";
+import Head from "../src/components/Head";
 
 function MyApp({ Component, pageProps }) {
   return (
     <>
+      <Head />
       <EditorProvider>
         <Component {...pageProps} />
         <Toaster containerClassName="mb-20" />

diff --git a/public/awesome-course-og.png b/public/awesome-course-og.png
diff --git a/src/components/Head/Head.tsx b/src/components/Head/Head.tsx
@@ -0,0 +1,33 @@
+import React from "react";
+
+import NextHead from "next/head";
+
+export default function Head() {
+  return (
+    <div>
+      <NextHead>
+        <title>Awesome Course</title>
+        <meta name="og:title" content={"Awesome Course"} />
+
+        {/* Description */}
+        <meta
+          name="description"
+          content={
+            "Create awesome courses that lets your audience learn by coding."
+          }
+        />
+        <meta
+          name="og:description"
+          content={
+            "Create awesome courses that lets your audience learn by coding."
+          }
+        />
+        <meta name="og:image" content={"awesome-course-og.png"} />
+        <meta name="twitter:image" content={"/awesome-course-og.png"} />
+
+        {/* URL */}
+        <meta name="og:url" content="https://ozturkenes.com" />
+      </NextHead>
+    </div>
+  );
+}
diff --git a/src/components/Head/index.ts b/src/components/Head/index.ts
@@ -0,0 +1 @@
+export { default } from "./Head";