feat(components): implement CommondHead for all pages

2022-03-24 15:00:14 +01:00 · 2022-03-24 15:00:14 +01:00 · 64190593dd
commit 64190593dd
parent 2d2ef2457d
1 changed files with 66 additions and 0 deletions
--- a/components/Head/CommonHead.tsx
+++ b/components/Head/CommonHead.tsx
@ -0,0 +1,66 @@
+// eslint-disable-next-line @next/next/no-document-import-in-page
+import { Head } from 'next/document'
+
+import { projectConfig } from '@/utils/config'
+
+const CommonHead = (): JSX.Element => {
+  return (
+    <Head>
+      {/* Link Tags */}
+
+      <link
+        rel='shortcut icon'
+        href={projectConfig.icons.default}
+        type='image/x-icon'
+      />
+      <link
+        rel='apple-touch-icon'
+        sizes='180x180'
+        href={projectConfig.icons.apple}
+      />
+      <link
+        rel='icon'
+        type='image/png'
+        sizes='16x16'
+        href={projectConfig.icons['16_16']}
+      />
+      <link
+        rel='icon'
+        type='image/png'
+        sizes='32x32'
+        href={projectConfig.icons['32_32']}
+      />
+
+      {/* Default meta tags */}
+
+      <meta name='description' content={projectConfig.description} />
+      <meta name='Language' content='en' />
+      <meta name='theme-color' content={projectConfig.color} />
+      <meta name='copyright' content={projectConfig.shortName} />
+      <meta name='author' content={projectConfig.shortName} />
+      <meta name='publisher' content={projectConfig.shortName} />
+      <meta name='robots' content='index, follow' />
+      <meta name='rating' content='general' />
+      <meta name='distribution' content='global' />
+      <meta name='msapplication-TileColor' content={projectConfig.color} />
+
+      {/* Open graph MT */}
+
+      <meta property='og:title' content={projectConfig.shortName} />
+      <meta property='og:type' content='website' />
+      <meta property='og:url' content={projectConfig.url} />
+      <meta property='og:image' content={projectConfig.icons.image} />
+      <meta property='og:description' content={projectConfig.description} />
+      <meta property='og:locale' content='en_US' />
+      <meta property='og:site_name' content={projectConfig.longName} />
+
+      {/* Twitter card Metadata */}
+      <meta name='twitter:card' content='summary' />
+      <meta name='twitter:description' content={projectConfig.description} />
+      <meta name='twitter:title' content={projectConfig.longName} />
+      <meta name='twitter:image:src' content={projectConfig.icons.image} />
+    </Head>
+  )
+}
+
+export default CommonHead