UI Provider

components/core/Head/Head.tsx

@@ -0,0 +1,18 @@
+import { FC } from 'react'
+import NextHead from 'next/head'
+import { DefaultSeo } from 'next-seo'
+import config from '@config/seo.json'
+
+const Head: FC = () => {
+  return (
+    <>
+      <DefaultSeo {...config} />
+      <NextHead>
+        <meta name="viewport" content="width=device-width, initial-scale=1" />
+        <link rel="manifest" href="/site.webmanifest" key="site-manifest" />
+      </NextHead>
+    </>
+  )
+}
+
+export default Head

components/core/Head/index.ts

@@ -0,0 +1 @@
+export { default } from './Head'

components/core/index.ts

@@ -6,3 +6,4 @@ export { default as Navbar } from './Navbar'
 export { default as Searchbar } from './Searchbar'
 export { default as UserNav } from './UserNav'
 export { default as Toggle } from './Toggle'
+export { default as Head } from './Head'