From cf5d669f08a1c2cdf86682e5d809930c343d87b8 Mon Sep 17 00:00:00 2001
From: Kamran Ahmed <kamranahmed.se@gmail.com>
Date: Thu, 7 Nov 2019 22:38:15 +0400
Subject: [PATCH] Update SEO tags in header

---
 components/helmet/index.js           |  58 +++++++++++++++++++++++++++
 components/page-header/index.js      |   2 +-
 data/site.json                       |  29 +++++++++++++-
 layouts/default/head.js              |  19 ---------
 layouts/default/index.js             |   6 +--
 pages/guides/[guide].js              |   8 ++--
 static/favicon.ico                   | Bin 1150 -> 0 bytes
 static/manifest/apple-touch-icon.png | Bin 0 -> 4186 bytes
 static/manifest/favicon.ico          | Bin 0 -> 15406 bytes
 static/manifest/icon152.png          | Bin 0 -> 2451 bytes
 static/manifest/icon16.png           | Bin 0 -> 123 bytes
 static/manifest/icon196.png          | Bin 0 -> 3731 bytes
 static/manifest/icon32.png           | Bin 0 -> 267 bytes
 static/manifest/manifest.json        |  27 +++++++++++++
 14 files changed, 121 insertions(+), 28 deletions(-)
 create mode 100644 components/helmet/index.js
 delete mode 100644 layouts/default/head.js
 delete mode 100644 static/favicon.ico
 create mode 100755 static/manifest/apple-touch-icon.png
 create mode 100755 static/manifest/favicon.ico
 create mode 100755 static/manifest/icon152.png
 create mode 100755 static/manifest/icon16.png
 create mode 100755 static/manifest/icon196.png
 create mode 100755 static/manifest/icon32.png
 create mode 100644 static/manifest/manifest.json

diff --git a/components/helmet/index.js b/components/helmet/index.js
new file mode 100644
index 000000000..bfdb2ca45
--- /dev/null
+++ b/components/helmet/index.js
@@ -0,0 +1,58 @@
+import NextHead from 'next/head';
+import siteConfig from 'data/site';
+
+const prepareTitle = (givenTitle) => {
+  givenTitle = givenTitle || siteConfig.title;
+  return `${givenTitle} - ${siteConfig.name}`;
+};
+
+const prepareDescription = (givenDescription) => {
+  return givenDescription || siteConfig.description;
+};
+
+const Helmet = (props) => (
+  <NextHead>
+    <meta charSet='UTF-8' />
+
+    <title>{ prepareTitle(props.title) }</title>
+    <meta name='description' content={ prepareDescription(props.description) } />
+
+    <meta name="author" content={ siteConfig.author } />
+    <meta name="keywords" content={ siteConfig.keywords.join(',') } />
+
+    <meta name="viewport" content="width=device-width, user-scalable=yes, initial-scale=1.0, maximum-scale=3.0, minimum-scale=1.0" />
+    <link rel="canonical" href={ siteConfig.url } />
+    <meta httpEquiv="Content-Language" content="en" />
+
+    <meta property="og:title" content={ prepareTitle(props.title) } />
+    <meta property="og:description" content={ prepareDescription(props.description) } />
+    <meta property="og:image" content={ siteConfig.logo } />
+    <meta property="og:url" content={ siteConfig.url } />
+    <meta property="og:type" content="website" />
+    <meta property="article:publisher" content={ `https://facebook.com/${siteConfig.facebook}` } />
+    <meta property="og:site_name" content={ siteConfig.name } />
+    <meta property="article:author" content={ siteConfig.author } />
+
+    <meta name="twitter:card" content="summary" />
+    <meta name="twitter:site" content={ `@${siteConfig.twitter}` } />
+    <meta name="twitter:title" content={ prepareTitle(props.title) } />
+    <meta name="twitter:description" content={ prepareDescription(props.description) } />
+    <meta name="twitter:image" content={ siteConfig.logo } />
+    <meta name="twitter:image:alt" content="roadmap.sh" />
+
+    <meta name="mobile-web-app-capable" content="yes" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
+    <link rel="apple-touch-icon" sizes="180x180" href="/static/manifest/apple-touch-icon.png" />
+    <meta name="msapplication-TileColor" content="#101010" />
+    <meta name="theme-color" content="#848a9a" />
+
+    <link rel="manifest" href="/static/manifest/manifest.json" />
+    <link rel="icon" type="image/png" sizes="32x32" href="/static/manifest/icon32.png" />
+    <link rel="icon" type="image/png" sizes="16x16" href="/static/manifest/icon16.png" />
+    <link rel="shortcut icon" href="/static/manifest/favicon.ico" type="image/x-icon" />
+    <link rel="icon" href="/static/manifest/favicon.ico" type="image/x-icon" />
+  </NextHead>
+);
+
+export default Helmet;
diff --git a/components/page-header/index.js b/components/page-header/index.js
index 2a9684827..485a22659 100644
--- a/components/page-header/index.js
+++ b/components/page-header/index.js
@@ -19,4 +19,4 @@ const PageHeader = () => (
   </HeaderWrap>
 );
 
-export default PageHeader;
\ No newline at end of file
+export default PageHeader;
diff --git a/data/site.json b/data/site.json
index c178ae8a3..ae9082baf 100644
--- a/data/site.json
+++ b/data/site.json
@@ -1,6 +1,31 @@
 {
-  "twitter": "roadmapsh",
+  "author": "Kamran Ahmed",
+  "title": "Roadmaps to becoming a modern developer",
+  "name": "roadmap.sh",
+  "description": "Roadmaps, articles and resources to help you choose your path, learn and improve.",
+  "twitter": "kamranahmedse",
+  "facebook": "kamranahmedse",
   "url": "https://roadmap.sh",
+  "logo": "/static/brand.png",
   "repoUrl": "https://github.com/kamranahmedse/roadmap-next",
-  "dataUrl": "/tree/master/data"
+  "dataUrl": "/tree/master/data",
+  "keywords": [
+    "roadmap",
+    "developer roadmaps",
+    "developer roadmap",
+    "frontend developer",
+    "frontend developer roadmap",
+    "frontend",
+    "frontend roadmap",
+    "backend",
+    "backend developer",
+    "backend developer roadmap",
+    "devops",
+    "devops roadmap",
+    "fullstack developer roadmap",
+    "guide to becoming a developer",
+    "sre roadmap",
+    "sre",
+    "operations roadmap"
+  ]
 }
diff --git a/layouts/default/head.js b/layouts/default/head.js
deleted file mode 100644
index 3551dfd24..000000000
--- a/layouts/default/head.js
+++ /dev/null
@@ -1,19 +0,0 @@
-import NextHead from 'next/head';
-
-const defaultDescription = 'Roadmaps, articles and resources for modern developers';
-const defaultOgUrl = 'https://roadmap.sh';
-
-const Head = (props) => (
-  <NextHead>
-    <meta charSet='UTF-8' />
-    <title>{ props.title || '' }</title>
-    <meta name='description' content={ props.description || defaultDescription } />
-    <meta name='viewport' content='width=device-width, initial-scale=1' />
-    <meta property='og:url' content={ props.url || defaultOgUrl } />
-    <meta property='og:title' content={ props.title || '' } />
-    <link rel="shortcut icon" href="/static/favicon.ico" type="image/x-icon" />
-    <link rel="icon" href="/static/favicon.ico" type="image/x-icon" />
-  </NextHead>
-);
-
-export default Head;
\ No newline at end of file
diff --git a/layouts/default/index.js b/layouts/default/index.js
index 439b39bac..778951879 100644
--- a/layouts/default/index.js
+++ b/layouts/default/index.js
@@ -1,11 +1,11 @@
-import Head from './head';
+import Helmet from 'components/helmet';
 import './global.scss';
 
 const DefaultLayout = (props) => (
   <div>
-    <Head />
+    <Helmet />
     { props.children }
   </div>
 );
 
-export default DefaultLayout;
\ No newline at end of file
+export default DefaultLayout;
diff --git a/pages/guides/[guide].js b/pages/guides/[guide].js
index 8e5dc688c..330f096d1 100644
--- a/pages/guides/[guide].js
+++ b/pages/guides/[guide].js
@@ -6,18 +6,20 @@ import GuideBody from 'components/guide-body';
 import ShareGuide from 'components/share-guide';
 import GuideFooter from 'components/guide-footer';
 import { getRequestedGuide } from "lib/guide";
+import Helmet from '../../components/helmet';
 
 const Guide = ({ guide }) => {
   if (!guide) {
-    return <Error statusCode={404} />
+    return <Error statusCode={ 404 } />
   }
 
   return (
     <GuideLayout>
+      <Helmet title={ guide.title } description={ guide.description } />
       <GuideHeader guide={ guide } />
       <GuideBody>
         <guide.component />
-        <ShareGuide guide={ guide }/>
+        <ShareGuide guide={ guide } />
       </GuideBody>
       <GuideFooter guide={ guide } />
     </GuideLayout>
@@ -26,7 +28,7 @@ const Guide = ({ guide }) => {
 
 Guide.getInitialProps = serverOnlyProps(({ req }) => {
   return {
-    guide: getRequestedGuide(req)
+    guide: getRequestedGuide(req),
   };
 });
 
diff --git a/static/favicon.ico b/static/favicon.ico
deleted file mode 100644
index b1bbb39baba94acdfe5f814c1ab02b5756f104d9..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 1150
zcmbtTv5JF05Z%K=1yK?q*Jz=sPQ*4%{GhA+gf#a4fhWmF*!l%lrWOkYLF*h>z1v+O
zm_rj1S7vs7``*m#EKA56{Z=bNy+yv>3Hcy|d{UzjMFyNsgwQ=*8I1oA?wd}()bOM+
z4b%QSsT=26q8-P%u4P$<uIrE_=?1eb3#zJKv8kHZ>otzYBhKeDf*{~rK@bpzA)2Pa
z>2!joX|pk0*G1QLU?Ykm&SNq2Jm*;3ws0J0R_}Qp`o6!>v;2p{0aaBYj^n#$n9{Rz
zilPX^FrX;PY;MMz(@*tk3LERwG==Z`*lxEx{}lf}W|}7NJ#PSYm&*lZSz@=_-K~2Z
wXTRSgNfH!Afx51dWf`ww%z3nCJ>P6Lux%Uc{vPoc?k{-*OuO{`(h#qYKT(-p-v9sr

diff --git a/static/manifest/apple-touch-icon.png b/static/manifest/apple-touch-icon.png
new file mode 100755
index 0000000000000000000000000000000000000000..736fdfea29183a2a3781dc5f5de214fa82eafda7
GIT binary patch
literal 4186
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
O05CagZdiWCCF(y)q@kw(

literal 0
HcmV?d00001

diff --git a/static/manifest/favicon.ico b/static/manifest/favicon.ico
new file mode 100755
index 0000000000000000000000000000000000000000..3dca3a22c154cf3adb1eb077860c9acd20eeb2df
GIT binary patch
literal 15406
zcmeHNIY=}~6mIVm*89L~5Ltil8bJgD4-^FxMFTZh<Tu+~6x3xwO~gPESp$_76-6{q
zOcYcEkx5ic#6a)}JWv!AalL(8um7#4|DK-db9!djE-0$Hs^0s)dR<3X^<x+x#*c}J
zU`T3Ve)ngXLWW^1mLJdGA{pjyQf9UOSN|)+*kT#x8)-vCh{TU_k~j)~l8RRnL19E0
zwXzgT4K9^clm-O_Nw)X(^@Y{dRX9IChxYb%u6=)hKYV?Cv2{K^K3uubUh(nqK*QkR
zAlL5V;(``KTwEMiE?2&{w-?^u-(hKK$)POja)gg{&UjNE&g5wuXDMHPWn~3&b8{gy
zG}I|)zP^x<5V*g;=WInYIXOA9bzs}s*;%-`xnaeRj*cKECPubApHDzQfGRn@4jFkZ
zb3n@+q_Tvf`he?<g~T!vaeZ<Ud`aCOBwmtegk2E>u@IAD8-**xF}mMEd?Rfx#5SLe
z8}EkM8rSNms3_g=%F4=Md3hQ3_V&PLv%%cl97IM&+UduAd~$M<-4AhrKR7r5tJP}P
zPRSaBd(^|j1Kn=8)MByN>Fw_B=IUwY`1lz7{QT_N%H@!qolRB!l#1b_eZ+#2JyOUk
zFE39_C5Ykg?CglP&C1GB-G3$c9UUEZ_=kswfZuMye#w1Sg75F|4?{yk@c8%$pP!$w
zy}b>YnVG7wk)slP+9&*;LoW1LOR5H63!YHc#Fsz+gtpV;*^&J>H#ecJtqsb{%ON#2
z6~e>Abs29$&KVgQc5~WM0qzq*d9BYlmvA1-39YTIy5l2%-0Nm$X4o~w8IRi9T9@Ec
z8>XkHLuY3vY;0`6-Q68W<@)*>dU|?fog=9(J<{OdV3&<MJ@}bA3_Htd9rx}$1JQG+
z);_3}=bwR%v;*xop1=Rs0q;r36)p3fM2UM6(t`Pg#NSA?k@ydZYTvu7<&Yb4M6Spg
z1EznG_(Gzq@%7S=T#+-iyEk#CHbBmF%+NA#OFezOOWD(t=c*KUv)+5wEAw5M@5-ab
z0N%^u*)cIO(NJD^CsAEp4FdxMFh4&J3kwS{HZ}%bU0qOESm^X#7SH`DDJd{KJPc1y
zPuy7-?-Lsu8Xzz*(B*yU>+Aaon<GIo6B82<78d4^Lv(aBEG{m>$Hxa>jLqZOy}7yB
zp{yR?X35FP@cjI2hfNEl_%}8-!rR*$ZElxdUS0zJXV8PIn2xHdDmzSmffWDg>1lp*
z(R@Wkh0FNkU68XN#UFhgq(W0ulgIMM{z-+Bk`j;QUsF>9FE1|+yKr)H;?gxp>-dR?
zh=8f7Dehk!zauzz>+0%UW_z5^TKS`n*w|QhuQ)q9V|{#HUteKuZ4D|bD|P$7BDVJE
z#h>cNy$tV4wfu*qy5y#M*k3M|E83a--FrV{+TXOlmU%5Te%9C5p`f4u4D#bsyw^$b
z$Gr%BQFnKDVPs?kT3TA5sHh0i($d)fg}CNxv7c61sqbh0_kdWwzP{eA{1XxqMEy<0
zxQdmbpQ%<GYL&<T(ddVwCTwkOxt%}yUZGFb)zuaI{iUQI<KyFQ=a26X*O$`LQb3>Y
z{r!EXXIk37)6-MP&(HS={&WoDeMeGK5)>B~1Nxk!55Vp1Ev3w+_&ho~3g~a<?)8WA
zmP&Dqp>I0+D|!oOsXm$Y?)`Q$?Qh!OL&tzO|AVCd1Rk|7DtOP-7s8wU2fW>XgS;-z
XkHgdb3Fvs|`_CYMGnf`oWr2SIt&0`@

literal 0
HcmV?d00001

diff --git a/static/manifest/icon152.png b/static/manifest/icon152.png
new file mode 100755
index 0000000000000000000000000000000000000000..2fa1f417c5abf1c08e6b303b7bf1abfe783d3bda
GIT binary patch
literal 2451
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

literal 0
HcmV?d00001

diff --git a/static/manifest/icon16.png b/static/manifest/icon16.png
new file mode 100755
index 0000000000000000000000000000000000000000..043b2b27527b7f7f33f4a1479ba557f4011d77bf
GIT binary patch
literal 123
zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`PM$7~Ar}70DG3Qb&O0zB$Sh;~
z^S@t8r>93@eiFMxV#7MgCA~S!A2M5Zvajc6>t{Uiu<4!FqCF1r%pPaO4lC$0FdT3&
VWbEC2eIn2_22WQ%mvv4FO#mqdCeZ)@

literal 0
HcmV?d00001

diff --git a/static/manifest/icon196.png b/static/manifest/icon196.png
new file mode 100755
index 0000000000000000000000000000000000000000..63dbf37bbdbe09155ba6b979598f36543b0559d1
GIT binary patch
literal 3731
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
b55ya5J_XwDZ+-?pn-EJgThl6(ck+J#mshvF

literal 0
HcmV?d00001

diff --git a/static/manifest/icon32.png b/static/manifest/icon32.png
new file mode 100755
index 0000000000000000000000000000000000000000..90706bc959f4aae374e349785dac1709664c5aff
GIT binary patch
literal 267
zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE1|*BCs=ffJOP(%{ArbCxr=R6LtiaPMFJ0Iu
zY2@6Nk^knv#+yJU%T5D9(Jbw)KLza_FRXetNv7lP&!;yhNy<HEd+@0y|LY8fn8@W%
z)+;S%co02x&-8W%kH-5!2{P^y$!2MB(^#E47NvOw9r#_b+(^vn>3j_buTK-gyg0LS
z%^Xb|o^chNdpPIxx{AM!6PcD?73+Ou%P+v7S+L~5EqzU|(AP{$MYdd%UVL0(6{C#r
zng5J4o=YA!xbmM>F=^G#p!a)&-E0f0Zn!f6wR{le`f{Vke%j@AuYbzQvE-@i%s3(l
P^c{nztDnm{r-UW|mRM^@

literal 0
HcmV?d00001

diff --git a/static/manifest/manifest.json b/static/manifest/manifest.json
new file mode 100644
index 000000000..30ad83f03
--- /dev/null
+++ b/static/manifest/manifest.json
@@ -0,0 +1,27 @@
+{
+  "dir": "ltr",
+  "lang": "en",
+  "name": "Roadmap",
+  "scope": "/",
+  "display": "standalone",
+  "start_url": "https://roadmap.sh/",
+  "short_name": "Roadmap",
+  "theme_color": "#EDD07E",
+  "description": "Roadmaps to becoming a Modern Developer – roadmap.sh",
+  "orientation": "any",
+  "background_color": "#101010",
+  "related_applications": [],
+  "prefer_related_applications": false,
+  "icons": [
+    {
+      "src": "/static/manifest/icon152.png",
+      "sizes": "152x152",
+      "type": "image/png"
+    },
+    {
+      "src": "/static/manifest/icon196.png",
+      "sizes": "196x196",
+      "type": "image/png"
+    }
+  ]
+}