From 17ccb97185c08e381bbf8a3552f054ac71bb8c6f Mon Sep 17 00:00:00 2001
From: Jack Merrill <yoshifan509@gmail.com>
Date: Wed, 14 Apr 2021 11:06:15 -0500
Subject: [PATCH] feat: SEO! :tada:

---
 next-seo.config.js | 20 ++++++++++++++++++++
 package.json       |  1 +
 pages/_app.tsx     |  4 +++-
 yarn.lock          |  5 +++++
 4 files changed, 29 insertions(+), 1 deletion(-)
 create mode 100644 next-seo.config.js

diff --git a/next-seo.config.js b/next-seo.config.js
new file mode 100644
index 0000000..c4088fc
--- /dev/null
+++ b/next-seo.config.js
@@ -0,0 +1,20 @@
+export default {
+  openGraph: {
+    type: 'website',
+    locale: 'en_US',
+    url: 'https://jackmerrill.com/',
+    site_name: 'Jack Merrill',
+    description: 'Fullstack Developer and Graphic/UI designer.',
+    images: [
+      {
+        url: 'https://jackmerrill.com/img/designs/PersonalLogo.png',
+        alt: 'Jack Merrill Logo'
+      }
+    ]
+  },
+  twitter: {
+    handle: '@jack__merrill',
+    site: '@jack__merrill',
+    cardType: 'summary_large_image',
+  },
+};
diff --git a/package.json b/package.json
index 6eab211..b077463 100644
--- a/package.json
+++ b/package.json
@@ -11,6 +11,7 @@
     "framer-motion": "^4.1.2",
     "next": "latest",
     "next-page-transitions": "^1.0.0-beta.2",
+    "next-seo": "^4.23.0",
     "react": "^17.0.1",
     "react-dom": "^17.0.1",
     "tailwindcss-filters": "^3.0.0"
diff --git a/pages/_app.tsx b/pages/_app.tsx
index b3775c1..07d6bf2 100644
--- a/pages/_app.tsx
+++ b/pages/_app.tsx
@@ -1,6 +1,7 @@
 import React, { useEffect, useState } from 'react'
 import { AppProps } from 'next/app'
-
+import SEO from '../next-seo.config';
+import { DefaultSeo } from 'next-seo';
 import 'tailwindcss/tailwind.css'
 import { useRouter } from 'next/dist/client/router';
 import Navbar from '../components/Navbar';
@@ -33,6 +34,7 @@ function MyApp({ Component, pageProps }: AppProps) {
           { label: 'My Work', href: '#projects' },
           { label: 'Designs', href: '#designs' },
         ]} />
+        <DefaultSeo {...SEO}/>
         <Component {...pageProps} />
         <Footer />
       </main>
diff --git a/yarn.lock b/yarn.lock
index da24661..b7d93c7 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1581,6 +1581,11 @@ next-page-transitions@^1.0.0-beta.2:
     prop-types "^15.6.1"
     react-transition-group "^2.3.1"
 
+next-seo@^4.23.0:
+  version "4.23.0"
+  resolved "https://registry.yarnpkg.com/next-seo/-/next-seo-4.23.0.tgz#24ef200e9faf0489ff1095f63b06adc21187db4c"
+  integrity sha512-/yTeeUT+zFTsrpP8iigwiwsj+HyT+ks1G27mgfnkKQBrFz9uph6Bot4nDrwfICgjvdLt2Zdve6okAgRUmhm+/g==
+
 next@latest:
   version "10.1.2"
   resolved "https://registry.yarnpkg.com/next/-/next-10.1.2.tgz#2c508cc2982077f0bad6863be020c10c1d059970"