chore: add meta tags

mikmera · Jun 16, 2024 · 4c3cf71 · 4c3cf71
1 parent 5df3b77
commit 4c3cf71
Show file tree

Hide file tree

Showing 7 changed files with 74 additions and 10 deletions.
diff --git a/.yarn/cache/@types-react-helmet-npm-6.1.11-6d6a281744-e329d8ad82.zip b/.yarn/cache/@types-react-helmet-npm-6.1.11-6d6a281744-e329d8ad82.zip
diff --git a/.yarn/cache/react-helmet-npm-6.1.0-20fd5447ff-a4998479da.zip b/.yarn/cache/react-helmet-npm-6.1.0-20fd5447ff-a4998479da.zip
diff --git a/.yarn/cache/react-side-effect-npm-2.1.2-c18e5fd8bd-c5eb1f42b4.zip b/.yarn/cache/react-side-effect-npm-2.1.2-c18e5fd8bd-c5eb1f42b4.zip
diff --git a/index.html b/index.html
@@ -1,11 +1,36 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
+    <title>미끄메라넷</title>
     <link rel="icon" type="image/ico" href="/icon.ico" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>미끄메라넷</title>
-    <meta name="naver-site-verification" content="f2a9ea1689cf04ca66e7ac624de799acf5b5b648" />
+    <meta
+      name="naver-site-verification"
+      content="f2a9ea1689cf04ca66e7ac624de799acf5b5b648"
+    />
+    <meta
+      name="description"
+      content="흐믈흐믈 여러분의 포켓몬 실전배틀 도우미, 미끄메라넷입니다."
+    />
+    <meta name="keywords" content="포켓몬, 실전배틀, 미끄메라넷, 미끄메라" />
+    <meta property="og:title" content="미끄메라넷" />
+    <meta
+      property="og:description"
+      content="흐믈흐믈 여러분의 포켓몬 실전배틀 도우미, 미끄메라넷입니다."
+    />
+    <meta property="og:image" content="/icon.png" />
+    <meta property="og:url" content="https://www.mikumaranet.com" />
+    <meta property="og:type" content="website" />
+    <meta property="og:site_name" content="미끄메라넷" />
+    <meta property="og:locale" content="ko_KR" />
+    <meta name="twitter:card" content="summary" />
+    <meta name="twitter:title" content="미끄메라넷" />
+    <meta
+      name="twitter:description"
+      content="흐믈흐믈 여러분의 포켓몬 실전배틀 도우미, 미끄메라넷입니다."
+    />
+    <meta name="twitter:image" content="/icon.png" />
   </head>
   <body>
     <div id="root"></div>
@@ -15,13 +40,15 @@
       src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-8773700446981720"
       crossorigin="anonymous"
     ></script>
-    <script 
-      async 
+    <script
+      async
       src="https://www.googletagmanager.com/gtag/js?id=G-CGCM5296QJ"
     ></script>
     <script>
       window.dataLayer = window.dataLayer || []
-      function gtag(){dataLayer.push(arguments)}
+      function gtag() {
+        dataLayer.push(arguments)
+      }
       gtag('js', new Date())
       gtag('config', 'G-CGCM5296QJ')
     </script>

diff --git a/package.json b/package.json
@@ -36,6 +36,7 @@
     "react-chartjs-2": "^5.0.1",
     "react-cookie": "^4.1.1",
     "react-dom": "^18.2.0",
+    "react-helmet": "^6.1.0",
     "react-intersection-observer": "^9.4.1",
     "react-p5": "^1.3.33",
     "react-router-dom": "^6.4.3",
@@ -55,6 +56,7 @@
     "@types/node": "^18.11.9",
     "@types/react": "^18.0.24",
     "@types/react-dom": "^18.0.8",
+    "@types/react-helmet": "^6",
     "@typescript-eslint/eslint-plugin": "^7.13.0",
     "@typescript-eslint/parser": "^7.13.0",
     "@vitejs/plugin-react": "^4.3.1",

diff --git a/src/routes/dex/index.tsx b/src/routes/dex/index.tsx
@@ -6,13 +6,14 @@ import { useParams } from 'react-router-dom'
 import { wrapError } from '~/components/ErrorBoundary'
 import { Spinner } from '~/components/Spinner'
 import { useDexContext } from '~/layouts/dex/context'
+import { Main } from '~/routes/main'
 import { DexContext } from './context'
 import { DexHeader } from './Header'
 import { DexStats } from './Stats'
 
 export const DexView: React.FC = wrapError(() => {
-  const { id, type } = useParams<'id' | 'type'>()
   const { data } = useDexContext()
+  const { id, type } = useParams<'id' | 'type'>()
 
   const item = React.useMemo(() => {
     if (!data.usages || !data.usages.length) return null
@@ -31,7 +32,7 @@ export const DexView: React.FC = wrapError(() => {
   return (
     <Box sx={{ height: '100%' }}>
       {item === false ? (
-        <Box>not found</Box>
+        <Main />
       ) : item === null ? (
         <Box
           sx={{

diff --git a/yarn.lock b/yarn.lock
@@ -3127,6 +3127,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@types/react-helmet@npm:^6":
+  version: 6.1.11
+  resolution: "@types/react-helmet@npm:6.1.11"
+  dependencies:
+    "@types/react": "*"
+  checksum: e329d8ad82c365fec7dd7d91c8b6d167faac30cef0d9f1e27d7e895172a0ebfa65829fb4acabbe79283b01cbbe5840a845caeb50148ceef6f3fad42b3c2c4bdc
+  languageName: node
+  linkType: hard
+
 "@types/react-transition-group@npm:^4.4.10":
   version: 4.4.10
   resolution: "@types/react-transition-group@npm:4.4.10"
@@ -7331,6 +7340,7 @@ __metadata:
     "@types/node": ^18.11.9
     "@types/react": ^18.0.24
     "@types/react-dom": ^18.0.8
+    "@types/react-helmet": ^6
     "@typescript-eslint/eslint-plugin": ^7.13.0
     "@typescript-eslint/parser": ^7.13.0
     "@vitejs/plugin-react": ^4.3.1
@@ -7359,6 +7369,7 @@ __metadata:
     react-chartjs-2: ^5.0.1
     react-cookie: ^4.1.1
     react-dom: ^18.2.0
+    react-helmet: ^6.1.0
     react-intersection-observer: ^9.4.1
     react-p5: ^1.3.33
     react-router-dom: ^6.4.3
@@ -7496,7 +7507,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"prop-types@npm:^15.6.2, prop-types@npm:^15.8.1":
+"prop-types@npm:^15.6.2, prop-types@npm:^15.7.2, prop-types@npm:^15.8.1":
   version: 15.8.1
   resolution: "prop-types@npm:15.8.1"
   dependencies:
@@ -7639,13 +7650,27 @@ __metadata:
   languageName: node
   linkType: hard
 
-"react-fast-compare@npm:^3.2.0":
+"react-fast-compare@npm:^3.1.1, react-fast-compare@npm:^3.2.0":
   version: 3.2.2
   resolution: "react-fast-compare@npm:3.2.2"
   checksum: 2071415b4f76a3e6b55c84611c4d24dcb12ffc85811a2840b5a3f1ff2d1a99be1020d9437ee7c6e024c9f4cbb84ceb35e48cf84f28fcb00265ad2dfdd3947704
   languageName: node
   linkType: hard
 
+"react-helmet@npm:^6.1.0":
+  version: 6.1.0
+  resolution: "react-helmet@npm:6.1.0"
+  dependencies:
+    object-assign: ^4.1.1
+    prop-types: ^15.7.2
+    react-fast-compare: ^3.1.1
+    react-side-effect: ^2.1.0
+  peerDependencies:
+    react: ">=16.3.0"
+  checksum: a4998479dab7fc1c2799eddefb1870a9d881b5f71cfdf97979a9882e42f4bb50402d55335f308f461e735e01a06f46b16cc7b4e6bcb22c7a4a6f85a753c5c106
+  languageName: node
+  linkType: hard
+
 "react-intersection-observer@npm:^9.4.1":
   version: 9.10.3
   resolution: "react-intersection-observer@npm:9.10.3"
@@ -7725,6 +7750,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"react-side-effect@npm:^2.1.0":
+  version: 2.1.2
+  resolution: "react-side-effect@npm:2.1.2"
+  peerDependencies:
+    react: ^16.3.0 || ^17.0.0 || ^18.0.0
+  checksum: c5eb1f42b464fb093bca59aaae0f1b2060373a2aaff95275b8781493628cdbbb6acdd6014e7883782c65c361f35a30f28cc515d68a1263ddb39cbbc47110be53
+  languageName: node
+  linkType: hard
+
 "react-snowfall@npm:^1.2.1":
   version: 1.2.1
   resolution: "react-snowfall@npm:1.2.1"