Adding _document and move head inside

DeKal · Dec 27, 2019 · 8bcb00a · 8bcb00a
1 parent 2752da9
commit 8bcb00a
Show file tree

Hide file tree

Showing 2 changed files with 43 additions and 4 deletions.
diff --git a/pages/_app.js b/pages/_app.js
@@ -6,7 +6,7 @@ import LocalizedComponent from '~/views/localize/LocalizedComponent'
 import Loading from '~/views/original-components/Loading'
 import ErrorBoundary from '~/views/components/ErrorBoundary'
 import ThemeProviderSelector from '~/views/theme/ThemeProviderSelector'
-
+import NextHead from 'next/head'
 import 'bootstrap/dist/css/bootstrap.min.css'
 //Import Global style
 import '~/styles/globalStyle.sass'
@@ -30,6 +30,48 @@ export default class MyApp extends App {
           <LocalizeProvider>
             <LocalizedComponent>
               <ErrorBoundary>
+                <NextHead>
+                  <title>Portfolio | Phat Ho</title>
+                  <link rel="icon" href="/favicon.ico" />
+                  <link rel="canonical" href="https://phatho-folio.now.sh/" />
+                  <meta charSet="utf-8" />
+                  <meta
+                    name="viewport"
+                    content="width=device-width,initial-scale=1"
+                  />
+                  <meta name="description" content="Dekal 's Portfolio" />
+                  <meta
+                    name="keywords"
+                    content="portfolio, dekal, software engineer, freelancer, cv, work"
+                  />
+                  <meta property="og:type" content="website" />
+                  <meta property="og:title" content="DeKal | Portfolio" />
+                  <meta property="og:description" content="Dekal's Portfolio" />
+                  <meta
+                    property="og:image"
+                    content="https://phatho-folio.now.sh/images/cover.jpg"
+                  />
+                  <meta
+                    property="og:image:secure_url"
+                    content="https://phatho-folio.now.sh/images/cover.jpg"
+                  />
+                  <meta
+                    property="og:url"
+                    content="https://phatho-folio.now.sh/"
+                  />
+                  <meta property="og:locale" content="en_VN" />
+                  <meta property="og:site_name" content="Phat Portfolio" />
+                  <meta
+                    name="google-site-verification"
+                    content="ofwBFRuFL3aycSJjDcrhc8hWEPKuJ7LkNCLUrsB0Sj4"
+                  />
+                  <meta name="robots" content="index,follow" />
+                  <meta name="googlebot" content="index,follow" />
+                  <script
+                    async=""
+                    src="https://www.googletagmanager.com/gtag/js?id=UA-102977389-1"
+                  ></script>
+                </NextHead>
                 <Component {...pageProps} />
               </ErrorBoundary>
             </LocalizedComponent>

diff --git a/pages/index.js b/pages/index.js
@@ -1,6 +1,4 @@
 import React, { Fragment } from 'react'
-
-import Head from '~views/components/Head'
 import Nav from '~/views/components/Navbar'
 import Home from '~/views/components/Home'
 import About from '~/views/components/About'
@@ -14,7 +12,6 @@ import SlideIterator from '~/views/components/SlideIterator'
 
 const HomePage = () => (
   <Fragment>
-    <Head />
     <Nav />
     <Home />
     <About />