From 6e87b758b73d182e3960c56e01966f9f811c9fe3 Mon Sep 17 00:00:00 2001
From: io-kobayashiii <io.kobayashiii@gmail.com>
Date: Sun, 18 Jun 2023 22:21:24 +0900
Subject: [PATCH] #166: Upgrade Next.js

---
 next-env.d.ts                                 |   1 +
 next.config.js                                |   1 +
 package.json                                  |  12 +-
 public/globals.css                            |  92 ++++---
 src/app/global-error.tsx                      |  18 ++
 src/app/layout.tsx                            |  59 +++++
 src/app/not-found.tsx                         |   3 +
 src/app/page.tsx                              |  39 +++
 .../Card/ArticleCard/ArticleCard.module.scss  |   6 -
 .../Card/ArticleCard/ArticleCard.tsx          |  17 +-
 .../ArticleCardTitle/ArticleCardTitle.tsx     |   4 +-
 src/components/Header/Header.tsx              |  52 ++--
 .../NeumorphismButton.module.scss             |   6 -
 src/contexts/ContextProviders.tsx             |   2 +
 src/contexts/GlobalNavigationStateContext.tsx |   2 +
 src/hooks/useApplyHighlightJs.ts              |   2 +
 src/hooks/useGlobalNavigation.ts              |  13 +-
 src/hooks/useGlobalNavigationStateContext.ts  |   2 +
 src/hooks/useWindowDimensions.ts              |   2 +
 src/pages/404.tsx                             |  17 --
 src/pages/500.tsx                             |  15 --
 src/pages/articles/[id].tsx                   |  23 +-
 src/pages/categories/[slug].tsx               |  53 ++--
 src/pages/index.tsx                           |  58 -----
 src/utils/ApiClient.ts                        |   2 +-
 tsconfig.json                                 |  25 +-
 yarn.lock                                     | 226 ++++++++----------
 27 files changed, 415 insertions(+), 337 deletions(-)
 create mode 100644 src/app/global-error.tsx
 create mode 100644 src/app/layout.tsx
 create mode 100644 src/app/not-found.tsx
 create mode 100644 src/app/page.tsx
 delete mode 100644 src/pages/404.tsx
 delete mode 100644 src/pages/500.tsx
 delete mode 100644 src/pages/index.tsx

diff --git a/next-env.d.ts b/next-env.d.ts
index 4f11a03..fd36f94 100644
--- a/next-env.d.ts
+++ b/next-env.d.ts
@@ -1,5 +1,6 @@
 /// <reference types="next" />
 /// <reference types="next/image-types/global" />
+/// <reference types="next/navigation-types/compat/navigation" />
 
 // NOTE: This file should not be edited
 // see https://nextjs.org/docs/basic-features/typescript for more information.
diff --git a/next.config.js b/next.config.js
index 4e870f8..c22bf91 100644
--- a/next.config.js
+++ b/next.config.js
@@ -4,4 +4,5 @@ const withBundleAnalyzer = require('@next/bundle-analyzer')({
 
 module.exports = withBundleAnalyzer({
   reactStrictMode: false,
+  output: 'export',
 });
diff --git a/package.json b/package.json
index 79dc65b..cb1145e 100644
--- a/package.json
+++ b/package.json
@@ -8,7 +8,7 @@
     "build": "next build && next export && next-sitemap --config sitemap.config.cjs",
     "analyze": "ANALYZE=true next build",
     "analyze:windows": "cross-env ANALYZE=true next build",
-    "start": "next start",
+    "start": "serve out",
     "lint": "next lint",
     "format": "prettier --write src/**/*.{js,json,ts,tsx,css,scss}",
     "watch-storybook": "concurrently \"yarn:watch:*\"",
@@ -23,11 +23,9 @@
     "@coreui/icons": "^3.0.0",
     "@coreui/icons-react": "^2.1.0",
     "highlight.js": "^11.7.0",
-    "moment": "^2.29.4",
-    "next": "13.1.5",
-    "react": "18.2.0",
-    "react-dom": "18.2.0",
-    "react-moment": "^1.1.3"
+    "next": "^13.4.6",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0"
   },
   "devDependencies": {
     "@babel/core": "^7.20.12",
@@ -52,7 +50,7 @@
     "concurrently": "^7.6.0",
     "cross-env": "^7.0.3",
     "eslint": "8.32.0",
-    "eslint-config-next": "13.1.5",
+    "eslint-config-next": "^13.4.6",
     "eslint-config-prettier": "^8.6.0",
     "husky": "^8.0.3",
     "lint-staged": "^13.1.0",
diff --git a/public/globals.css b/public/globals.css
index 060fcd9..6d09282 100644
--- a/public/globals.css
+++ b/public/globals.css
@@ -534,6 +534,14 @@ video {
   margin-top: 15px;
 }
 
+.mt-40 {
+  margin-top: 40px;
+}
+
+.mt-20 {
+  margin-top: 20px;
+}
+
 .mt-30 {
   margin-top: 30px;
 }
@@ -550,10 +558,6 @@ video {
   margin-top: 16px;
 }
 
-.mt-40 {
-  margin-top: 40px;
-}
-
 .mb-15 {
   margin-bottom: 15px;
 }
@@ -574,6 +578,14 @@ video {
   display: none;
 }
 
+.h-2 {
+  height: 2px;
+}
+
+.h-56 {
+  height: 56px;
+}
+
 .w-100p {
   width: 100%;
 }
@@ -582,6 +594,10 @@ video {
   max-width: 992px;
 }
 
+.cursor-pointer {
+  cursor: pointer;
+}
+
 .resize {
   resize: both;
 }
@@ -614,8 +630,8 @@ video {
   border-radius: 6px;
 }
 
-.border-b-2 {
-  border-bottom-width: 2px;
+.border {
+  border-width: 1px;
 }
 
 .border-t-2 {
@@ -627,19 +643,14 @@ video {
   border-color: rgb(229 231 235 / var(--tw-border-opacity));
 }
 
-.bg-gray-100 {
+.bg-gray-800 {
   --tw-bg-opacity: 1;
-  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
+  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
 }
 
-.bg-white {
-  --tw-bg-opacity: 1;
-  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
-}
-
-.bg-product-github {
+.bg-gray-100 {
   --tw-bg-opacity: 1;
-  background-color: rgb(23 21 21 / var(--tw-bg-opacity));
+  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
 }
 
 .p-15 {
@@ -673,24 +684,28 @@ video {
   padding-bottom: 5px;
 }
 
-.pt-70 {
-  padding-top: 70px;
+.pt-76 {
+  padding-top: 76px;
 }
 
-.pb-50 {
-  padding-bottom: 50px;
+.pb-20 {
+  padding-bottom: 20px;
 }
 
-.pb-10 {
-  padding-bottom: 10px;
+.pt-106 {
+  padding-top: 106px;
 }
 
-.pt-15 {
-  padding-top: 15px;
+.pb-50 {
+  padding-bottom: 50px;
 }
 
-.pb-5 {
-  padding-bottom: 5px;
+.pt-70 {
+  padding-top: 70px;
+}
+
+.pt-20 {
+  padding-top: 20px;
 }
 
 .text-center {
@@ -717,14 +732,14 @@ video {
   font-size: 12px;
 }
 
-.text-32 {
-  font-size: 32px;
-}
-
 .text-20 {
   font-size: 20px;
 }
 
+.text-11 {
+  font-size: 11px;
+}
+
 .font-bold {
   font-weight: 700;
 }
@@ -738,6 +753,10 @@ video {
   color: rgb(255 255 255 / var(--tw-text-opacity));
 }
 
+.filter {
+  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
+}
+
 html,
 body {
   padding: 0;
@@ -747,7 +766,8 @@ body {
 
 body {
   font-family: 'M PLUS 1p', sans-serif;
-  color: #3c3c3c;
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity));
 }
 
 a {
@@ -782,6 +802,10 @@ a {
     margin-top: 30px;
   }
 
+  .md\:mt-80 {
+    margin-top: 80px;
+  }
+
   .md\:mt-50 {
     margin-top: 50px;
   }
@@ -794,10 +818,6 @@ a {
     margin-top: 25px;
   }
 
-  .md\:mt-80 {
-    margin-top: 80px;
-  }
-
   .md\:block {
     display: block;
   }
@@ -893,6 +913,10 @@ a {
   .md\:text-32 {
     font-size: 32px;
   }
+
+  .md\:text-12 {
+    font-size: 12px;
+  }
 }
 
 @media (min-width: 992px) {
diff --git a/src/app/global-error.tsx b/src/app/global-error.tsx
new file mode 100644
index 0000000..2c3a0d9
--- /dev/null
+++ b/src/app/global-error.tsx
@@ -0,0 +1,18 @@
+'use client';
+
+export default function GlobalError({
+  error,
+  reset,
+}: {
+  error: Error;
+  reset: () => void;
+}) {
+  return (
+    <html>
+      <body>
+        <h2>Something went wrong!</h2>
+        <button onClick={() => reset()}>Try again</button>
+      </body>
+    </html>
+  );
+}
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
new file mode 100644
index 0000000..7d8a8c7
--- /dev/null
+++ b/src/app/layout.tsx
@@ -0,0 +1,59 @@
+import '@/styles/globals.css';
+import { Metadata } from 'next';
+import { M_PLUS_1p } from 'next/font/google';
+import ContextProviders from '@/contexts/ContextProviders';
+import ApiClient from '@/utils/ApiClient';
+import { Header } from '@/components/Header';
+import { Footer } from '@/components/Footer';
+
+const mPlus1pFont = M_PLUS_1p({
+  subsets: ['latin-ext'],
+  weight: ['400', '700'],
+});
+
+export const metadata: Metadata = {
+  title: 'For',
+  description:
+    'Webアプリケーション開発における備忘録や実装メモなどを発信しています。',
+};
+
+type Props = {
+  children: React.ReactNode;
+};
+
+export default async function RootLayout({ children }: Props) {
+  const { contents } = await ApiClient.categories();
+  return (
+    <html lang="jp">
+      <head>
+        <link
+          rel="stylesheet"
+          href="https://unpkg.com/@coreui/icons/css/all.min.css"
+        />
+        <link rel="shortcut icon" href="/favicon.ico" />
+        <script
+          defer
+          src={`https://www.googletagmanager.com/gtag/js?id=${process.env.NEXT_PUBLIC_GOOGLE_ANALYTICS_ID}`}
+        />
+        <script
+          id={'ga'}
+          defer
+          dangerouslySetInnerHTML={{
+            __html: `
+window.dataLayer = window.dataLayer || [];
+function gtag(){dataLayer.push(arguments);}
+gtag('js', new Date());
+gtag('config', '${process.env.NEXT_PUBLIC_GOOGLE_ANALYTICS_ID}');`,
+          }}
+        />
+      </head>
+      <body className={mPlus1pFont.className}>
+        <ContextProviders>
+          <Header categories={contents} />
+          {children}
+          <Footer categories={contents} />
+        </ContextProviders>
+      </body>
+    </html>
+  );
+}
diff --git a/src/app/not-found.tsx b/src/app/not-found.tsx
new file mode 100644
index 0000000..086feb0
--- /dev/null
+++ b/src/app/not-found.tsx
@@ -0,0 +1,3 @@
+export default function NotFound() {
+  return <h1 className="text-24">Not found.</h1>;
+}
diff --git a/src/app/page.tsx b/src/app/page.tsx
new file mode 100644
index 0000000..a82e195
--- /dev/null
+++ b/src/app/page.tsx
@@ -0,0 +1,39 @@
+import { ArticleCard } from '@/components/Card/ArticleCard';
+import ApiClient from '@/utils/ApiClient';
+
+export default async function Page() {
+  const { contents } = await ApiClient.articles();
+  return (
+    <>
+      <main className="bg-gray-800 pt-76 pb-20 md:pt-180 md:pb-80">
+        <div className="mx-auto max-w-lg px-15 md:px-30">
+          <ul className="md:flex md:flex-wrap md:justify-between">
+            {contents?.map((article, index) => (
+              <li
+                key={article.id}
+                className={
+                  index == 0
+                    ? 'md:w-100p'
+                    : 'mt-15 md:mt-30 md:w-[calc(50%-15px)]'
+                }
+              >
+                <ArticleCard
+                  unevenness="bumps"
+                  shadowColor="default"
+                  data={{
+                    title: article.title,
+                    date: article.publishedAt,
+                    href: `/articles/${article.id}`,
+                    categories: article.categories.map(
+                      (category) => category.name
+                    ),
+                  }}
+                />
+              </li>
+            ))}
+          </ul>
+        </div>
+      </main>
+    </>
+  );
+}
diff --git a/src/components/Card/ArticleCard/ArticleCard.module.scss b/src/components/Card/ArticleCard/ArticleCard.module.scss
index 72f6178..6aee6f1 100644
--- a/src/components/Card/ArticleCard/ArticleCard.module.scss
+++ b/src/components/Card/ArticleCard/ArticleCard.module.scss
@@ -17,10 +17,4 @@
     box-shadow: 2px 2px 2px 0 rgba(6, 13, 19, 0.5) inset,
       -2px -2px 2px 0 rgba(231, 231, 231, 0.5) inset;
   }
-  &-default,
-  &-primary {
-    &:hover {
-      cursor: auto;
-    }
-  }
 }
diff --git a/src/components/Card/ArticleCard/ArticleCard.tsx b/src/components/Card/ArticleCard/ArticleCard.tsx
index a434da0..c64f375 100644
--- a/src/components/Card/ArticleCard/ArticleCard.tsx
+++ b/src/components/Card/ArticleCard/ArticleCard.tsx
@@ -3,7 +3,6 @@ import styles from './ArticleCard.module.scss';
 import Link from 'next/link';
 import { ArticleCardTitle } from '@/components/Card/ArticleCardTitle/ArticleCardTitle';
 import { NeumorphismButton } from '@/components/NeumorphismButton';
-import Moment from 'react-moment';
 
 type Props = {
   unevenness: 'dents' | 'bumps';
@@ -26,14 +25,14 @@ export const ArticleCard = ({
   return (
     <Link
       href={data.href}
-      className={`block md:h-100p p-15 md:p-30 md:flex md:flex-col md:justify-between rounded-12 ${
+      className={`block rounded-12 p-15 md:flex md:h-100p md:flex-col md:justify-between md:p-30 ${
         styles[`${unevenness}-${shadowColor}`]
       } ${className ?? ''}`}
     >
       <div>
         <ArticleCardTitle displayText={data.title} className={`mb-15`} />
-        <div className="flex flex-wrap m-minus-5">
-          {!!data.categories &&
+        <div className="m-minus-5 flex flex-wrap">
+          {data.categories &&
             data.categories.map((category, index) => {
               return (
                 <NeumorphismButton
@@ -42,15 +41,19 @@ export const ArticleCard = ({
                   shadowColor="default"
                   displayText={category}
                   className={
-                    'm-5 rounded-100vh py-5 px-15 md:py-8 md:px-12 text-11 md:text-12'
+                    'm-5 cursor-pointer rounded-100vh py-5 px-15 text-11 md:py-8 md:px-12 md:text-12'
                   }
                 />
               );
             })}
         </div>
       </div>
-      <p className="text-12 md:text-14 text-right mt-15">
-        <Moment format={'YYYY.MM.DD'}>{data.date}</Moment>
+      <p className="mt-15 text-right text-12 md:text-14">
+        {new Date(data.date)
+          .toLocaleDateString('ja-JP', {
+            timeZone: 'Asia/Tokyo',
+          })
+          .replaceAll('/', '.')}
       </p>
     </Link>
   );
diff --git a/src/components/Card/ArticleCardTitle/ArticleCardTitle.tsx b/src/components/Card/ArticleCardTitle/ArticleCardTitle.tsx
index e1e383b..f142fd8 100644
--- a/src/components/Card/ArticleCardTitle/ArticleCardTitle.tsx
+++ b/src/components/Card/ArticleCardTitle/ArticleCardTitle.tsx
@@ -7,9 +7,7 @@ type Props = {
 
 export const ArticleCardTitle = ({ displayText, className }: Props) => {
   return (
-    <h3
-      className={`${className ?? ''} font-bold text-16 sm:text-18 lg:text-20`}
-    >
+    <h3 className={`${className ?? ''} text-16 sm:text-18 lg:text-20`}>
       {displayText}
     </h3>
   );
diff --git a/src/components/Header/Header.tsx b/src/components/Header/Header.tsx
index 4e3a843..c3de97c 100644
--- a/src/components/Header/Header.tsx
+++ b/src/components/Header/Header.tsx
@@ -1,24 +1,26 @@
+'use client';
+
 import * as React from 'react';
-import { useEffect } from 'react';
 import Link from 'next/link';
 import styles from './Header.module.scss';
 import { NeumorphismButton } from '@/components/NeumorphismButton';
 import * as ArticleTypes from '@/types/ArticleTypes';
-import { useGlobalNavigationStateContext } from '@/hooks/useGlobalNavigationStateContext';
-import { useWindowDimensions } from '@/hooks/useWindowDimensions';
+import { Gemunu_Libre } from 'next/font/google';
+import { useGlobalNavigation } from '@/hooks/useGlobalNavigation';
+
+const gemunuLibreFont = Gemunu_Libre({
+  subsets: ['latin'],
+  weight: '200',
+  display: 'swap',
+});
 
 type Props = {
   categories: ArticleTypes.CategoryType[];
 };
 
 export const Header = ({ categories }: Props) => {
-  const { width } = useWindowDimensions();
   const { isGlobalNavigationOpen, setIsGlobalNavigationOpen } =
-    useGlobalNavigationStateContext();
-
-  useEffect(() => {
-    if (width >= 768) setIsGlobalNavigationOpen(false);
-  }, [width]);
+    useGlobalNavigation();
 
   return (
     <>
@@ -27,9 +29,11 @@ export const Header = ({ categories }: Props) => {
           isGlobalNavigationOpen ? styles.isGlobalNavigationOpen : ''
         } w-100p overflow-hidden bg-gray-800`}
       >
-        <div className="flex justify-between items-center max-w-lg mx-auto px-15 md:px-30 w-100p h-56">
+        <div className="mx-auto flex h-56 w-100p max-w-lg items-center justify-between px-15 md:px-30">
           <Link href="/" onClick={() => setIsGlobalNavigationOpen(false)}>
-            <p className={`text-24 md:text-40 ${styles.logo}`}>For</p>
+            <p className={`text-24 md:text-40 ${gemunuLibreFont.className}`}>
+              For
+            </p>
           </Link>
           <div
             onClick={() => setIsGlobalNavigationOpen(!isGlobalNavigationOpen)}
@@ -39,7 +43,7 @@ export const Header = ({ categories }: Props) => {
               unevenness={'bumps'}
               shadowColor={'default'}
               displayText={`<i class='cil-hamburger-menu'></i>`}
-              className={'rounded-6 leading-0 p-8 md:p-16 text-16 md:text-24'}
+              className={'rounded-6 p-8 text-16 leading-0 md:p-16 md:text-24'}
             />
           </div>
           <div className="hidden md:block">
@@ -49,7 +53,7 @@ export const Header = ({ categories }: Props) => {
                 shadowColor={'default'}
                 displayText={`<i class="cib-github"></i>`}
                 className={
-                  'rounded-100vh leading-0 ml-15 p-16 text-24 bg-gray-800 text-white'
+                  'ml-15 rounded-100vh bg-gray-800 p-16 text-24 leading-0 text-white'
                 }
               />
             </Link>
@@ -59,17 +63,17 @@ export const Header = ({ categories }: Props) => {
                 shadowColor={'default'}
                 displayText={`<i class="cib-twitter"></i>`}
                 className={
-                  'rounded-100vh leading-0 ml-15 p-16 text-24 bg-gray-800 text-white'
+                  'ml-15 rounded-100vh bg-gray-800 p-16 text-24 leading-0 text-white'
                 }
               />
             </Link>
           </div>
         </div>
         <div className={`p-15 md:hidden`}>
-          <div className={`${styles.dents} p-15 rounded-12`}>
-            <p className="text-16 text-bold">Categories</p>
-            <div className={`h-2 mt-15 ${styles.border}`} />
-            <ul className="flex flex-wrap m-minus-5 pt-20">
+          <div className={`${styles.dents} rounded-12 p-15`}>
+            <p className="text-bold text-16">Categories</p>
+            <div className={`mt-15 h-2 ${styles.border}`} />
+            <ul className="m-minus-5 flex flex-wrap pt-20">
               {categories.map((category, index) => {
                 return (
                   <Link
@@ -82,7 +86,7 @@ export const Header = ({ categories }: Props) => {
                         unevenness={'bumps'}
                         shadowColor={'default'}
                         displayText={category.name}
-                        className={'rounded-100vh leading-0 m-5 p-16 text-14'}
+                        className={'m-5 rounded-100vh p-16 text-14 leading-0'}
                       />
                     </li>
                   </Link>
@@ -92,16 +96,16 @@ export const Header = ({ categories }: Props) => {
           </div>
         </div>
         <div className="mt-30 p-15 md:hidden">
-          <div className={`${styles.dents} p-15 rounded-12`}>
-            <p className="text-16 text-bold">Profile</p>
-            <div className={`h-2 mt-15 ${styles.border}`} />
+          <div className={`${styles.dents} rounded-12 p-15`}>
+            <p className="text-bold text-16">Profile</p>
+            <div className={`mt-15 h-2 ${styles.border}`} />
             <div className="mt-15">
               <Link href="https://github.com/io-kobayashiii/techblog">
                 <NeumorphismButton
                   unevenness={'bumps'}
                   shadowColor={'default'}
                   displayText={`<i class="cib-github"></i>`}
-                  className={'rounded-100vh leading-0 p-10 text-24'}
+                  className={'rounded-100vh p-10 text-24 leading-0'}
                 />
               </Link>
               <Link href="https://twitter.com/iooo231">
@@ -109,7 +113,7 @@ export const Header = ({ categories }: Props) => {
                   unevenness={'bumps'}
                   shadowColor={'default'}
                   displayText={`<i class="cib-twitter"></i>`}
-                  className={'rounded-100vh leading-0 ml-10 p-10 text-24'}
+                  className={'ml-10 rounded-100vh p-10 text-24 leading-0'}
                 />
               </Link>
             </div>
diff --git a/src/components/NeumorphismButton/NeumorphismButton.module.scss b/src/components/NeumorphismButton/NeumorphismButton.module.scss
index 6f36bc6..25db6ff 100644
--- a/src/components/NeumorphismButton/NeumorphismButton.module.scss
+++ b/src/components/NeumorphismButton/NeumorphismButton.module.scss
@@ -16,10 +16,4 @@
     box-shadow: 2px 2px 2px 0 rgba(6, 13, 19, 0.5) inset,
       -2px -2px 2px 0 rgba(231, 231, 231, 0.5) inset;
   }
-  &-default,
-  &-primary {
-    &:hover {
-      cursor: auto;
-    }
-  }
 }
diff --git a/src/contexts/ContextProviders.tsx b/src/contexts/ContextProviders.tsx
index af7e805..d3fb9df 100644
--- a/src/contexts/ContextProviders.tsx
+++ b/src/contexts/ContextProviders.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 import { GlobalNavigationStateContextProvider } from './GlobalNavigationStateContext';
 
diff --git a/src/contexts/GlobalNavigationStateContext.tsx b/src/contexts/GlobalNavigationStateContext.tsx
index 477f521..549fda8 100644
--- a/src/contexts/GlobalNavigationStateContext.tsx
+++ b/src/contexts/GlobalNavigationStateContext.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 
 export type GlobalNavigationStateContextProps = {
diff --git a/src/hooks/useApplyHighlightJs.ts b/src/hooks/useApplyHighlightJs.ts
index 652d574..4127120 100644
--- a/src/hooks/useApplyHighlightJs.ts
+++ b/src/hooks/useApplyHighlightJs.ts
@@ -1,3 +1,5 @@
+'use client';
+
 import { useEffect, useState } from 'react';
 import styles from '@/components/ArticleBody/ArticleBody.module.scss';
 import Highlight from 'highlight.js';
diff --git a/src/hooks/useGlobalNavigation.ts b/src/hooks/useGlobalNavigation.ts
index 9cfb142..2a12166 100644
--- a/src/hooks/useGlobalNavigation.ts
+++ b/src/hooks/useGlobalNavigation.ts
@@ -1,10 +1,15 @@
+'use client';
+
 import { useEffect, useState } from 'react';
 import { useGlobalNavigationStateContext } from './useGlobalNavigationStateContext';
+import { useWindowDimensions } from './useWindowDimensions';
 
 export const useGlobalNavigation = () => {
   const [bodyElement, setBodyElement] = useState<HTMLBodyElement>();
   const [isInitialRendering, setIsInitialRendering] = useState(true);
-  const { isGlobalNavigationOpen } = useGlobalNavigationStateContext();
+  const { isGlobalNavigationOpen, setIsGlobalNavigationOpen } =
+    useGlobalNavigationStateContext();
+  const { width } = useWindowDimensions();
 
   const toggleOverflowHiddenClass = () => {
     bodyElement?.classList.toggle('overflow-hidden');
@@ -21,4 +26,10 @@ export const useGlobalNavigation = () => {
   useEffect(() => {
     setBodyElement(document.getElementById('body') as HTMLBodyElement);
   }, []);
+
+  useEffect(() => {
+    if (width >= 768) setIsGlobalNavigationOpen(false);
+  }, [width]);
+
+  return { isGlobalNavigationOpen, setIsGlobalNavigationOpen };
 };
diff --git a/src/hooks/useGlobalNavigationStateContext.ts b/src/hooks/useGlobalNavigationStateContext.ts
index 0336ac6..482a269 100644
--- a/src/hooks/useGlobalNavigationStateContext.ts
+++ b/src/hooks/useGlobalNavigationStateContext.ts
@@ -1,3 +1,5 @@
+'use client';
+
 import { GlobalNavigationStateContext } from '@/contexts/GlobalNavigationStateContext';
 import { useContext } from 'react';
 
diff --git a/src/hooks/useWindowDimensions.ts b/src/hooks/useWindowDimensions.ts
index 530d594..08b4452 100644
--- a/src/hooks/useWindowDimensions.ts
+++ b/src/hooks/useWindowDimensions.ts
@@ -1,3 +1,5 @@
+'use client';
+
 import { useState, useEffect } from 'react';
 
 export const useWindowDimensions = () => {
diff --git a/src/pages/404.tsx b/src/pages/404.tsx
deleted file mode 100644
index d0359a1..0000000
--- a/src/pages/404.tsx
+++ /dev/null
@@ -1,17 +0,0 @@
-import ApiRequests from '@/utils/ApiClient';
-
-export default function Custom404() {
-  return <h1 className="text-24">Not found.</h1>;
-}
-
-export const getStaticProps = async () => {
-  const categories = await ApiRequests.categories();
-  return {
-    props: {
-      layout: '404',
-      categories: categories.contents,
-    },
-  };
-};
-
-const tempVariable = 'test';
diff --git a/src/pages/500.tsx b/src/pages/500.tsx
deleted file mode 100644
index 8e5abfc..0000000
--- a/src/pages/500.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import ApiRequests from '@/utils/ApiClient';
-
-export default function Custom500() {
-  return <h1 className="text-24">Server Error.</h1>;
-}
-
-export const getStaticProps = async () => {
-  const categories = await ApiRequests.categories();
-  return {
-    props: {
-      layout: '500',
-      categories: categories.contents,
-    },
-  };
-};
diff --git a/src/pages/articles/[id].tsx b/src/pages/articles/[id].tsx
index be068e1..5b47468 100644
--- a/src/pages/articles/[id].tsx
+++ b/src/pages/articles/[id].tsx
@@ -1,7 +1,6 @@
 import { NeumorphismButton } from '@/components/NeumorphismButton';
 import 'highlight.js/styles/stackoverflow-dark.css';
 import ApiRequests from '@/utils/ApiClient';
-import Moment from 'react-moment';
 import * as ArticleTypes from '@/types/ArticleTypes';
 import { GetStaticProps } from 'next';
 import { useApplyHighlightJs } from '@/hooks/useApplyHighlightJs';
@@ -16,13 +15,17 @@ const Article = ({ article }: Props) => {
   useApplyHighlightJs();
   return (
     <>
-      <Moment format="YYYY.MM.DD" className="text-14 md:text-18">
-        {article.publishedAt}
-      </Moment>
-      <h1 className={`font-bold text-20 sm:text-24 md:text-28 mt-16 md:mt-22`}>
+      <p className="text-14 md:text-18">
+        {new Date(article.publishedAt)
+          .toLocaleDateString('ja-JP', {
+            timeZone: 'Asia/Tokyo',
+          })
+          .replaceAll('/', '.')}
+      </p>
+      <h1 className={`mt-16 text-20 font-bold sm:text-24 md:mt-22 md:text-28`}>
         {article.title}
       </h1>
-      <div className="flex flex-wrap m-minus-5 mt-15 md:mt-25">
+      <div className="m-minus-5 mt-15 flex flex-wrap md:mt-25">
         {article.categories.map((category, index) => {
           return (
             <NeumorphismButton
@@ -31,13 +34,13 @@ const Article = ({ article }: Props) => {
               shadowColor={'default'}
               displayText={category.name}
               className={
-                'm-5 py-5 px-15 md:py-8 md:px-12 rounded-100vh text-12 md:text-14 pointer-events-none'
+                'pointer-events-none m-5 rounded-100vh py-5 px-15 text-12 md:py-8 md:px-12 md:text-14'
               }
             />
           );
         })}
       </div>
-      <ArticleBody articleBody={article.body} />
+      <ArticleBody articleBody={article.body ?? ''} />
     </>
   );
 };
@@ -46,7 +49,7 @@ export default Article;
 
 export const getStaticPaths = async () => {
   const articles = await ApiRequests.articles();
-  const paths = articles.contents.map((content) => `/articles/${content.id}`);
+  const paths = articles.contents?.map((content) => `/articles/${content.id}`);
   return { paths, fallback: false };
 };
 
@@ -64,7 +67,7 @@ export const getStaticProps: GetStaticProps<
   PageProps,
   GetStaticPropsParams
 > = async ({ params }) => {
-  const article = await ApiRequests.article(params.id);
+  const article = await ApiRequests.article(params?.id ?? '');
   const categories = await ApiRequests.categories();
   return {
     props: {
diff --git a/src/pages/categories/[slug].tsx b/src/pages/categories/[slug].tsx
index 4dd7c63..61616e3 100644
--- a/src/pages/categories/[slug].tsx
+++ b/src/pages/categories/[slug].tsx
@@ -7,21 +7,21 @@ import { LayoutType } from '@/types/LayoutTypes';
 
 type Props = {
   articles: ArticleTypes.ArticleType[];
-  slugs: string[];
+  slug: string | null;
 };
 
-const CategoriesIndex = ({ articles, slugs }: Props) => {
+const CategoriesIndex = ({ articles, slug }: Props) => {
   return (
     <>
-      <h1 className={`font-bold text-24 sm:text-28 md:text-32`}>
-        Category: {slugs}
+      <h1 className={`text-24 font-bold sm:text-28 md:text-32`}>
+        {slug ? <>Category: {slug}</> : <>Selected category is not exist.</>}
       </h1>
       <ul className="mt-30 md:mt-50 md:flex md:flex-wrap md:justify-between">
         {articles.map((article, index) => (
           <li
             key={article.id}
             className={
-              index == 0 ? 'md:w-100p' : 'md:w-[calc(50%-15px)] mt-15 md:mt-30'
+              index == 0 ? 'md:w-100p' : 'mt-15 md:mt-30 md:w-[calc(50%-15px)]'
             }
           >
             <ArticleCard
@@ -55,7 +55,7 @@ type PageProps = {
   layout: LayoutType;
   articles: ArticleTypes.ArticleType[];
   categories: ArticleTypes.CategoryType[];
-  slugs: string[];
+  slug: string | null;
 };
 
 type GetStaticPropsParams = {
@@ -67,29 +67,36 @@ export const getStaticProps: GetStaticProps<
   GetStaticPropsParams
 > = async ({ params }) => {
   const articles = await ApiRequests.articles();
-  const matchedArticles: ArticleTypes.ArticleType[] = articles.contents.reduce(
-    (
-      array: ArticleTypes.ArticleType[],
-      article: ArticleTypes.ArticleType
-    ): ArticleTypes.ArticleType[] =>
-      article.categories.reduce(
-        (bool: boolean, category: ArticleTypes.CategoryType): boolean =>
-          category.slug === params.slug ? true : bool,
-        false
-      )
-        ? array.concat([article])
-        : array,
-    []
-  );
   const categories = await ApiRequests.categories();
+  const paramsSlug = params?.slug ?? '';
+
+  if (!paramsSlug || articles.totalCount == 0) {
+    return {
+      props: {
+        layout: 'default',
+        articles: [],
+        categories: categories.contents,
+        slug: null,
+      },
+    };
+  }
+
+  const matchedArticles = articles.contents!.filter((article) => {
+    const slugs = Array.from(
+      new Set(article.categories.map((articleCategory) => articleCategory.slug))
+    );
+    return slugs.includes(paramsSlug);
+  });
+
   return {
     props: {
       layout: 'default',
       articles: matchedArticles,
       categories: categories.contents,
-      slugs: categories.contents.map(
-        (category) => category.slug === params.slug && category.name
-      ),
+      slug: categories.contents
+        .map((category) => category.slug === paramsSlug && category.name)
+        .filter((v) => v)
+        .join(''),
     },
   };
 };
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
deleted file mode 100644
index bcfda30..0000000
--- a/src/pages/index.tsx
+++ /dev/null
@@ -1,58 +0,0 @@
-import ApiClient from '@/utils/ApiClient';
-import * as ArticleTypes from '@/types/ArticleTypes';
-import { ArticleCard } from '@/components/Card/ArticleCard';
-import { LayoutType } from '@/types/LayoutTypes';
-
-type Props = {
-  articles: ArticleTypes.ArticleType[];
-};
-
-const Index = ({ articles }: Props) => {
-  return (
-    <>
-      <ul className="md:flex md:flex-wrap md:justify-between">
-        {articles.map((article, index) => (
-          <li
-            key={article.id}
-            className={
-              index == 0 ? 'md:w-100p' : 'mt-15 md:mt-30 md:w-[calc(50%-15px)]'
-            }
-          >
-            <ArticleCard
-              unevenness="bumps"
-              shadowColor="default"
-              data={{
-                title: article.title,
-                date: article.publishedAt,
-                href: `/articles/${article.id}`,
-                categories: article.categories.map((category) => category.name),
-              }}
-            />
-          </li>
-        ))}
-      </ul>
-    </>
-  );
-};
-
-export default Index;
-
-type PageProps = () => Promise<{
-  props: {
-    layout: LayoutType;
-    articles: ArticleTypes.ArticleType[];
-    categories: ArticleTypes.CategoryType[];
-  };
-}>;
-
-export const getStaticProps: PageProps = async () => {
-  const articles = await ApiClient.articles();
-  const categories = await ApiClient.categories();
-  return {
-    props: {
-      layout: 'default',
-      articles: articles.contents,
-      categories: categories.contents,
-    },
-  };
-};
diff --git a/src/utils/ApiClient.ts b/src/utils/ApiClient.ts
index c4b578e..1dcc0b4 100644
--- a/src/utils/ApiClient.ts
+++ b/src/utils/ApiClient.ts
@@ -10,7 +10,7 @@ class ApiClient {
   fetch: (path: string) => Promise<Response>;
   constructor() {
     this.baseUrl = 'https://for.microcms.io/api/v1/';
-    this.headers = { headers: { 'X-API-KEY': process.env.API_KEY } };
+    this.headers = { headers: { 'X-API-KEY': process.env.API_KEY ?? '' } };
     this.fetch = (path: string) => fetch(this.baseUrl + path, this.headers);
   }
   async article(id: string): Promise<ResponseTypes.ArticleResponseType> {
diff --git a/tsconfig.json b/tsconfig.json
index 3a8e746..1525a2f 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -1,7 +1,11 @@
 {
   "compilerOptions": {
     "target": "es5",
-    "lib": ["dom", "dom.iterable", "esnext"],
+    "lib": [
+      "dom",
+      "dom.iterable",
+      "esnext"
+    ],
     "allowJs": true,
     "skipLibCheck": true,
     "strict": false,
@@ -15,15 +19,26 @@
     "jsx": "preserve",
     "baseUrl": "./",
     "paths": {
-      "@/*": ["src/*"]
+      "@/*": [
+        "src/*"
+      ]
     },
-    "incremental": true
+    "incremental": true,
+    "plugins": [
+      {
+        "name": "next"
+      }
+    ],
+    "strictNullChecks": true
   },
   "include": [
     "next-env.d.ts",
     "**/*.ts",
     "**/*.tsx",
-    "src/pages/_document.tsx"
+    "src/pages/_document.tsx",
+    ".next/types/**/*.ts"
   ],
-  "exclude": ["node_modules"]
+  "exclude": [
+    "node_modules"
+  ]
 }
diff --git a/yarn.lock b/yarn.lock
index fabf64d..ac44bb1 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1679,82 +1679,62 @@
   dependencies:
     webpack-bundle-analyzer "4.7.0"
 
-"@next/env@13.1.5":
-  version "13.1.5"
-  resolved "https://registry.yarnpkg.com/@next/env/-/env-13.1.5.tgz#72b24d3726a6b752be6b7b9a937f7af31b3ce410"
-  integrity sha512-0Ry4NhJy6qLbXhvxPRUQ1H6RzgtryGdUto7hfgAK0Iw/bScgeVjwLZdfhm2iT7qsOS32apo9cWzLCxjc6iGPsA==
+"@next/env@13.4.6":
+  version "13.4.6"
+  resolved "https://registry.yarnpkg.com/@next/env/-/env-13.4.6.tgz#3f2041c7758660d7255707ae4cb9166519113dea"
+  integrity sha512-nqUxEtvDqFhmV1/awSg0K2XHNwkftNaiUqCYO9e6+MYmqNObpKVl7OgMkGaQ2SZnFx5YqF0t60ZJTlyJIDAijg==
 
-"@next/eslint-plugin-next@13.1.5":
-  version "13.1.5"
-  resolved "https://registry.yarnpkg.com/@next/eslint-plugin-next/-/eslint-plugin-next-13.1.5.tgz#3eebea0835d2ec549a7b4b8976bf1d7796cca632"
-  integrity sha512-3kvLTX35bOWOCKU8KY74Ygczc55Qk/kB2TQy0tH7Rti6hzZ6Aij7WQ8zHdIVjmnlD0n/zXWXrIf5y56RKcLQkQ==
+"@next/eslint-plugin-next@13.4.6":
+  version "13.4.6"
+  resolved "https://registry.yarnpkg.com/@next/eslint-plugin-next/-/eslint-plugin-next-13.4.6.tgz#6a291305226b3f762fdbc01e123efadeb63e5aaf"
+  integrity sha512-bPigeu0RI7bgy1ucBA2Yqcfg539y0Lzo38P2hIkrRB1GNvFSbYg6RTu8n6tGqPVrH3TTlPTNKLXG01wc+5NuwQ==
   dependencies:
     glob "7.1.7"
 
-"@next/swc-android-arm-eabi@13.1.5":
-  version "13.1.5"
-  resolved "https://registry.yarnpkg.com/@next/swc-android-arm-eabi/-/swc-android-arm-eabi-13.1.5.tgz#0ea6f76754562ab8092efe7e492906790261b7cb"
-  integrity sha512-QAEf3YM9U0qWVQTxgF3Tsh4OeCN1i9Smsf6cVlwZsPzoLyj2nQ879joCoN+ONqDknkBgG6OG/ajefywL3jw9Cg==
-
-"@next/swc-android-arm64@13.1.5":
-  version "13.1.5"
-  resolved "https://registry.yarnpkg.com/@next/swc-android-arm64/-/swc-android-arm64-13.1.5.tgz#8d4a91d77811c6c7057a41f4f32ecee1ac963981"
-  integrity sha512-ZmtGPTghRuT5YKL0nNcC2bBVSiG1O0is16eIZ2rWSP/hRW64ZCcAew6pxw2rihntNp22UfequjSTHd91WE/tyQ==
-
-"@next/swc-darwin-arm64@13.1.5":
-  version "13.1.5"
-  resolved "https://registry.yarnpkg.com/@next/swc-darwin-arm64/-/swc-darwin-arm64-13.1.5.tgz#3f206d22201c6500acce3a9274a807fb07878565"
-  integrity sha512-aeFXK+M/zmG/CNdMJ0tGNs0MWcLueUe7vZ2V6fa+2yz/ZgYJLI7fEfFvVh1p1yBMzupSbZDowvMuCSFTaeg3MA==
-
-"@next/swc-darwin-x64@13.1.5":
-  version "13.1.5"
-  resolved "https://registry.yarnpkg.com/@next/swc-darwin-x64/-/swc-darwin-x64-13.1.5.tgz#3b0775ed190a6b35cd0ba61510dcd133dcb8c4bf"
-  integrity sha512-6mPX0GNRg8NzjV70at8I8pD9YBnPHDpxJCoMuIqysdTjtQhd09Xk6GUhquNhp1kEJzzVk7OW5l2ch4XIJjtY3A==
-
-"@next/swc-freebsd-x64@13.1.5":
-  version "13.1.5"
-  resolved "https://registry.yarnpkg.com/@next/swc-freebsd-x64/-/swc-freebsd-x64-13.1.5.tgz#a9f2b39434b52867860afbd32638f9742c45c82a"
-  integrity sha512-nR4a/SNblG0w8hhYRflTZjk4yD99ld18w/FCftw99ziw8sgciBlOXRICJIiRIaMRU8UH7QLSgBOQVnfNcVNKMA==
-
-"@next/swc-linux-arm-gnueabihf@13.1.5":
-  version "13.1.5"
-  resolved "https://registry.yarnpkg.com/@next/swc-linux-arm-gnueabihf/-/swc-linux-arm-gnueabihf-13.1.5.tgz#4ae5dcdea5aa5cb6b9ce14bbf86e3afe7dc3df1a"
-  integrity sha512-EzkltCVKg3gUzamoeKPhGeSgXTTLAhSzc7v/+g1Y+HQa7JKMrlzdRkrJf+H4LJXcz7lnxgNKHGRyZBSXnmJKJw==
-
-"@next/swc-linux-arm64-gnu@13.1.5":
-  version "13.1.5"
-  resolved "https://registry.yarnpkg.com/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-13.1.5.tgz#92d816a430390642aa1ce1969a255b6a0b2d9833"
-  integrity sha512-E7HMkdoxStmTUJU4KzBUU4vZ5DHT4Gd327tC3KFZS5lda0NRerJAOCfsRg+fBj22FvCb1UWsX6XI+weL6xhyeQ==
-
-"@next/swc-linux-arm64-musl@13.1.5":
-  version "13.1.5"
-  resolved "https://registry.yarnpkg.com/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-13.1.5.tgz#b44ba6866802ee0f6d655e7184b7c2f29485219f"
-  integrity sha512-qlO0Fd3GQwJS6YpbF9NyL5NGHVZ43dKtZDC/jP4vdeMIYDtSu13HcY/nmA1NdW+RpMwDxSCpx4WKsCCEZGIX8Q==
-
-"@next/swc-linux-x64-gnu@13.1.5":
-  version "13.1.5"
-  resolved "https://registry.yarnpkg.com/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-13.1.5.tgz#f70afe2654d8ca6e488964ed0ebef11f38d56675"
-  integrity sha512-GftSBFAay2nocGl+KNqFsj6EVSvomaM/bp86hzezbKsTwQmu76PjOCVcejI1gE+4k7f5zPDgCuorF6F04BV0HQ==
-
-"@next/swc-linux-x64-musl@13.1.5":
-  version "13.1.5"
-  resolved "https://registry.yarnpkg.com/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-13.1.5.tgz#6e4aa45a6ee1cea7e6c3295dfde69250afd4c714"
-  integrity sha512-UD+3lxU4yuAjd+uBkCDfBpAcbGAVfEcE8mX/efIxUGIImmzN0QzgTHYEpKFnY3Lxu02dIBcwQRT3Q5mfO4obng==
-
-"@next/swc-win32-arm64-msvc@13.1.5":
-  version "13.1.5"
-  resolved "https://registry.yarnpkg.com/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-13.1.5.tgz#1ef6d453b021b26ed2d0e317c1cb658eb57d66c2"
-  integrity sha512-uzsvkQY+K3EbL+97IUHPWZPwjsCmCkdH/O5Cf9wCnh0k0gaj7ob1mGKqr1vNNak+9U7HloGwuHcXnZpijWSP7w==
-
-"@next/swc-win32-ia32-msvc@13.1.5":
-  version "13.1.5"
-  resolved "https://registry.yarnpkg.com/@next/swc-win32-ia32-msvc/-/swc-win32-ia32-msvc-13.1.5.tgz#a708ed168a5d83b28519b4fcba396ab329c1a2b0"
-  integrity sha512-v0NaC1w8mPf620GlJaHBdEm3dm4G4AEQMasDqjzQvo0yCRrvtvzMgCIe8MocBxFHzaF6868NybMqvumxP5YxEg==
-
-"@next/swc-win32-x64-msvc@13.1.5":
-  version "13.1.5"
-  resolved "https://registry.yarnpkg.com/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-13.1.5.tgz#8c7bef3dc41e624050eecb336cbd944a91fa7198"
-  integrity sha512-IZHwvd649ccbWyLCfu92IXEpR250NpmBkaRelPV+WVm4jrd62FKRFCNdqdCXq6TrEg9wN8cK4YG8tm44uEZqLA==
+"@next/swc-darwin-arm64@13.4.6":
+  version "13.4.6"
+  resolved "https://registry.yarnpkg.com/@next/swc-darwin-arm64/-/swc-darwin-arm64-13.4.6.tgz#47485f3deaee6681b4a4036c74bb9c4b728d5ddd"
+  integrity sha512-ahi6VP98o4HV19rkOXPSUu+ovfHfUxbJQ7VVJ7gL2FnZRr7onEFC1oGQ6NQHpm8CxpIzSSBW79kumlFMOmZVjg==
+
+"@next/swc-darwin-x64@13.4.6":
+  version "13.4.6"
+  resolved "https://registry.yarnpkg.com/@next/swc-darwin-x64/-/swc-darwin-x64-13.4.6.tgz#a6a5b232ec0f2079224fb8ed6bf11dc479af1acf"
+  integrity sha512-13cXxKFsPJIJKzUqrU5XB1mc0xbUgYsRcdH6/rB8c4NMEbWGdtD4QoK9ShN31TZdePpD4k416Ur7p+deMIxnnA==
+
+"@next/swc-linux-arm64-gnu@13.4.6":
+  version "13.4.6"
+  resolved "https://registry.yarnpkg.com/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-13.4.6.tgz#2a67144e863d9c45fdbd13c7827370e7f2a28405"
+  integrity sha512-Ti+NMHEjTNktCVxNjeWbYgmZvA2AqMMI2AMlzkXsU7W4pXCMhrryAmAIoo+7YdJbsx01JQWYVxGe62G6DoCLaA==
+
+"@next/swc-linux-arm64-musl@13.4.6":
+  version "13.4.6"
+  resolved "https://registry.yarnpkg.com/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-13.4.6.tgz#5a191ac3575a70598e9e9c6e7264fc0b8a90b2db"
+  integrity sha512-OHoC6gO7XfjstgwR+z6UHKlvhqJfyMtNaJidjx3sEcfaDwS7R2lqR5AABi8PuilGgi0BO0O0sCXqLlpp3a0emQ==
+
+"@next/swc-linux-x64-gnu@13.4.6":
+  version "13.4.6"
+  resolved "https://registry.yarnpkg.com/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-13.4.6.tgz#d38adf842a8b8f9de492454328fd32a2c53350f3"
+  integrity sha512-zHZxPGkUlpfNJCboUrFqwlwEX5vI9LSN70b8XEb0DYzzlrZyCyOi7hwDp/+3Urm9AB7YCAJkgR5Sp1XBVjHdfQ==
+
+"@next/swc-linux-x64-musl@13.4.6":
+  version "13.4.6"
+  resolved "https://registry.yarnpkg.com/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-13.4.6.tgz#74c745774358b78be7f958e7a8b7d93936cd6ebc"
+  integrity sha512-K/Y8lYGTwTpv5ME8PSJxwxLolaDRdVy+lOd9yMRMiQE0BLUhtxtCWC9ypV42uh9WpLjoaD0joOsB9Q6mbrSGJg==
+
+"@next/swc-win32-arm64-msvc@13.4.6":
+  version "13.4.6"
+  resolved "https://registry.yarnpkg.com/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-13.4.6.tgz#1e1e02c175573e64808fc1a7e8650e3e217f1edc"
+  integrity sha512-U6LtxEUrjBL2tpW+Kr1nHCSJWNeIed7U7l5o7FiKGGwGgIlFi4UHDiLI6TQ2lxi20fAU33CsruV3U0GuzMlXIw==
+
+"@next/swc-win32-ia32-msvc@13.4.6":
+  version "13.4.6"
+  resolved "https://registry.yarnpkg.com/@next/swc-win32-ia32-msvc/-/swc-win32-ia32-msvc-13.4.6.tgz#2b528ae3ec7f6e727f4f0d81a1015f63da55c7a6"
+  integrity sha512-eEBeAqpCfhdPSlCZCayjCiyIllVqy4tcqvm1xmg3BgJG0G5ITiMM4Cw2WVeRSgWDJqQGRyyb+q8Y2ltzhXOWsQ==
+
+"@next/swc-win32-x64-msvc@13.4.6":
+  version "13.4.6"
+  resolved "https://registry.yarnpkg.com/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-13.4.6.tgz#38620bd68267ff13e50ecd432f1822eac51382a8"
+  integrity sha512-OrZs94AuO3ZS5tnqlyPRNgfWvboXaDQCi5aXGve3o3C+Sj0ctMUV9+Do+0zMvvLRumR8E0PTWKvtz9n5vzIsWw==
 
 "@nodelib/fs.scandir@2.1.5":
   version "2.1.5"
@@ -2918,10 +2898,10 @@
     regenerator-runtime "^0.13.7"
     resolve-from "^5.0.0"
 
-"@swc/helpers@0.4.14":
-  version "0.4.14"
-  resolved "https://registry.yarnpkg.com/@swc/helpers/-/helpers-0.4.14.tgz#1352ac6d95e3617ccb7c1498ff019654f1e12a74"
-  integrity sha512-4C7nX/dvpzB7za4Ql9K81xK3HPxCpHMgwTZVyf+9JQ6VUbn9jjZVN7/Nkdz/Ugzs2CSjqnL/UPXroiVBVHUWUw==
+"@swc/helpers@0.5.1":
+  version "0.5.1"
+  resolved "https://registry.yarnpkg.com/@swc/helpers/-/helpers-0.5.1.tgz#e9031491aa3f26bfcc974a67f48bd456c8a5357a"
+  integrity sha512-sJ902EfIzn1Fa+qYmjdQqh8tPsoxyBz+8yBKC2HKUxyezKJFwPGOn7pv4WY6QuQW//ySQi5lJjA/ZT9sNWWNTg==
   dependencies:
     tslib "^2.4.0"
 
@@ -4594,6 +4574,13 @@ builtin-status-codes@^3.0.0:
   resolved "https://registry.yarnpkg.com/builtin-status-codes/-/builtin-status-codes-3.0.0.tgz#85982878e21b98e1c66425e03d0174788f569ee8"
   integrity sha512-HpGFw18DgFWlncDfjTa2rcQ4W88O1mC8e8yZ2AvQY5KDaktSTwo+KRf6nHK6FRI5FyRyb/5T6+TSxfP7QyGsmQ==
 
+busboy@1.6.0:
+  version "1.6.0"
+  resolved "https://registry.yarnpkg.com/busboy/-/busboy-1.6.0.tgz#966ea36a9502e43cdb9146962523b92f531f6893"
+  integrity sha512-8SFQbg/0hQ9xy3UNTB0YEnsNBbWfhf7RtnzpL7TkBiTBRfrQ9Fxcnz7VJsleJpyp6rVLvXiuORqjlHi5q+PYuA==
+  dependencies:
+    streamsearch "^1.1.0"
+
 bytes@3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/bytes/-/bytes-3.0.0.tgz#d32815404d689699f85a4ea4fa8755dd13a96048"
@@ -6196,12 +6183,12 @@ escodegen@^2.0.0:
   optionalDependencies:
     source-map "~0.6.1"
 
-eslint-config-next@13.1.5:
-  version "13.1.5"
-  resolved "https://registry.yarnpkg.com/eslint-config-next/-/eslint-config-next-13.1.5.tgz#38daeaa1463197ef5b6cec9136ce6838ea776cf3"
-  integrity sha512-7FqkjkvGCQfvYUiPTFRiRYPR1uI6Ew+4f4mVp16lLSWcaChtWoZxQCZHM5n0yxzKKVmuEg1aM4uvDQfSXSjTww==
+eslint-config-next@^13.4.6:
+  version "13.4.6"
+  resolved "https://registry.yarnpkg.com/eslint-config-next/-/eslint-config-next-13.4.6.tgz#ccccf5dad45b23a56418d66caad5339116297308"
+  integrity sha512-nlv4FYish1RYYHILbQwM5/rD37cOvEqtMfDjtQCYbXdE2O3MggqHu2q6IDeLE2Z6u8ZJyNPgWOA6OimWcxj3qw==
   dependencies:
-    "@next/eslint-plugin-next" "13.1.5"
+    "@next/eslint-plugin-next" "13.4.6"
     "@rushstack/eslint-patch" "^1.1.3"
     "@typescript-eslint/parser" "^5.42.0"
     eslint-import-resolver-node "^0.3.6"
@@ -9789,11 +9776,6 @@ mkdirp@^1.0.3, mkdirp@^1.0.4:
   resolved "https://registry.yarnpkg.com/mkdirp/-/mkdirp-1.0.4.tgz#3eb5ed62622756d79a5f0e2a221dfebad75c2f7e"
   integrity sha512-vVqVZQyf3WLx2Shd0qJ9xuvqgAyKPLAiqITEtqW0oIUjzo3PePDd6fW9iFz30ef7Ysp/oiWqbhszeGWW2T6Gzw==
 
-moment@^2.29.4:
-  version "2.29.4"
-  resolved "https://registry.yarnpkg.com/moment/-/moment-2.29.4.tgz#3dbe052889fe7c1b2ed966fcb3a77328964ef108"
-  integrity sha512-5LC9SOxjSc2HF6vO2CyuTDNivEdoz2IvyJJGj6X8DJ0eFyfszE0QiEd+iXmBvUP3WHxSjFH/vIsA0EN00cgr8w==
-
 move-concurrently@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/move-concurrently/-/move-concurrently-1.0.1.tgz#be2c005fda32e0b29af1f05d7c4b33214c701f92"
@@ -9891,30 +9873,29 @@ next-sitemap@^3.1.47:
     "@corex/deepmerge" "^4.0.29"
     minimist "^1.2.7"
 
-next@13.1.5:
-  version "13.1.5"
-  resolved "https://registry.yarnpkg.com/next/-/next-13.1.5.tgz#d0c230ccecf18414db78d180537d0474c53fdf73"
-  integrity sha512-rmpYZFCxxWAi2nJCT9sSqMLGC3cu+Pf689hx9clcyP0KbVIhh/7Dus5QcKrVd/PrAd6AjsuogSRR1mCP7BoYRw==
+next@^13.4.6:
+  version "13.4.6"
+  resolved "https://registry.yarnpkg.com/next/-/next-13.4.6.tgz#ebe52f5c74d60176d45b45e73f25a51103713ea4"
+  integrity sha512-sjVqjxU+U2aXZnYt4Ud6CTLNNwWjdSfMgemGpIQJcN3Z7Jni9xRWbR0ie5fQzCg87aLqQVhKA2ud2gPoqJ9lGw==
   dependencies:
-    "@next/env" "13.1.5"
-    "@swc/helpers" "0.4.14"
+    "@next/env" "13.4.6"
+    "@swc/helpers" "0.5.1"
+    busboy "1.6.0"
     caniuse-lite "^1.0.30001406"
     postcss "8.4.14"
     styled-jsx "5.1.1"
+    watchpack "2.4.0"
+    zod "3.21.4"
   optionalDependencies:
-    "@next/swc-android-arm-eabi" "13.1.5"
-    "@next/swc-android-arm64" "13.1.5"
-    "@next/swc-darwin-arm64" "13.1.5"
-    "@next/swc-darwin-x64" "13.1.5"
-    "@next/swc-freebsd-x64" "13.1.5"
-    "@next/swc-linux-arm-gnueabihf" "13.1.5"
-    "@next/swc-linux-arm64-gnu" "13.1.5"
-    "@next/swc-linux-arm64-musl" "13.1.5"
-    "@next/swc-linux-x64-gnu" "13.1.5"
-    "@next/swc-linux-x64-musl" "13.1.5"
-    "@next/swc-win32-arm64-msvc" "13.1.5"
-    "@next/swc-win32-ia32-msvc" "13.1.5"
-    "@next/swc-win32-x64-msvc" "13.1.5"
+    "@next/swc-darwin-arm64" "13.4.6"
+    "@next/swc-darwin-x64" "13.4.6"
+    "@next/swc-linux-arm64-gnu" "13.4.6"
+    "@next/swc-linux-arm64-musl" "13.4.6"
+    "@next/swc-linux-x64-gnu" "13.4.6"
+    "@next/swc-linux-x64-musl" "13.4.6"
+    "@next/swc-win32-arm64-msvc" "13.4.6"
+    "@next/swc-win32-ia32-msvc" "13.4.6"
+    "@next/swc-win32-x64-msvc" "13.4.6"
 
 nice-try@^1.0.4:
   version "1.0.5"
@@ -11234,7 +11215,7 @@ react-docgen@^5.0.0:
     node-dir "^0.1.10"
     strip-indent "^3.0.0"
 
-react-dom@18.2.0:
+react-dom@^18.2.0:
   version "18.2.0"
   resolved "https://registry.yarnpkg.com/react-dom/-/react-dom-18.2.0.tgz#22aaf38708db2674ed9ada224ca4aa708d821e3d"
   integrity sha512-6IMTriUmvsjHUjNtEDudZfuDQUoWXVxKHhlEGSk81n4YFS+r/Kl99wXiwlVXtPBtJenozv2P+hxDsw9eA7Xo6g==
@@ -11280,17 +11261,12 @@ react-merge-refs@^1.0.0:
   resolved "https://registry.yarnpkg.com/react-merge-refs/-/react-merge-refs-1.1.0.tgz#73d88b892c6c68cbb7a66e0800faa374f4c38b06"
   integrity sha512-alTKsjEL0dKH/ru1Iyn7vliS2QRcBp9zZPGoWxUOvRGWPUYgjo+V01is7p04It6KhgrzhJGnIj9GgX8W4bZoCQ==
 
-react-moment@^1.1.3:
-  version "1.1.3"
-  resolved "https://registry.yarnpkg.com/react-moment/-/react-moment-1.1.3.tgz#829b21dfb279aa6db47ce4f1ac2555af17a1bcdc"
-  integrity sha512-8EPvlUL8u6EknPp1ISF5MQ3wx2OHJVXIP/iZc4wRh3iV3XozftZERDv9ANZeAtMlhNNQHdFoqcZHFUkBSTONfA==
-
 react-refresh@^0.11.0:
   version "0.11.0"
   resolved "https://registry.yarnpkg.com/react-refresh/-/react-refresh-0.11.0.tgz#77198b944733f0f1f1a90e791de4541f9f074046"
   integrity sha512-F27qZr8uUqwhWZboondsPx8tnC3Ct3SxZA3V5WyEvujRyyNv0VYPhoBg1gZ8/MV5tubQp76Trw8lTv9hzRBa+A==
 
-react@18.2.0:
+react@^18.2.0:
   version "18.2.0"
   resolved "https://registry.yarnpkg.com/react/-/react-18.2.0.tgz#555bd98592883255fa00de14f1151a917b5d77d5"
   integrity sha512-/3IjMdb2L9QbBdWiW5e3P2/npwMBaU9mHCSCUzNln0ZCYbcfTsGbTJrU/kGemdH2IWmB2ioZ+zkxtmq6g09fGQ==
@@ -12420,6 +12396,11 @@ stream-shift@^1.0.0:
   resolved "https://registry.yarnpkg.com/stream-shift/-/stream-shift-1.0.1.tgz#d7088281559ab2778424279b0877da3c392d5a3d"
   integrity sha512-AiisoFqQ0vbGcZgQPY1cdP2I76glaVA/RauYR4G4thNFgkTqr90yXTo4LYX60Jl+sIlPNHHdGSwo01AvbKUSVQ==
 
+streamsearch@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/streamsearch/-/streamsearch-1.1.0.tgz#404dd1e2247ca94af554e841a8ef0eaa238da764"
+  integrity sha512-Mcc5wHehp9aXz1ax6bZUyY5afg9u2rv5cqQI3mRrYkGC8rW2hM02jWuwjtL++LS5qinSyhj2QfLyNsuc+VsExg==
+
 string-argv@^0.3.1:
   version "0.3.1"
   resolved "https://registry.yarnpkg.com/string-argv/-/string-argv-0.3.1.tgz#95e2fbec0427ae19184935f816d74aaa4c5c19da"
@@ -13517,6 +13498,14 @@ watchpack-chokidar2@^2.0.1:
   dependencies:
     chokidar "^2.1.8"
 
+watchpack@2.4.0, watchpack@^2.2.0, watchpack@^2.4.0:
+  version "2.4.0"
+  resolved "https://registry.yarnpkg.com/watchpack/-/watchpack-2.4.0.tgz#fa33032374962c78113f93c7f2fb4c54c9862a5d"
+  integrity sha512-Lcvm7MGST/4fup+ifyKi2hjyIAwcdI4HRgtvTpIUxBRhB+RFtUh8XtDOxUfctVCnhVi+QQj49i91OyvzkJl6cg==
+  dependencies:
+    glob-to-regexp "^0.4.1"
+    graceful-fs "^4.1.2"
+
 watchpack@^1.7.4:
   version "1.7.5"
   resolved "https://registry.yarnpkg.com/watchpack/-/watchpack-1.7.5.tgz#1267e6c55e0b9b5be44c2023aed5437a2c26c453"
@@ -13528,14 +13517,6 @@ watchpack@^1.7.4:
     chokidar "^3.4.1"
     watchpack-chokidar2 "^2.0.1"
 
-watchpack@^2.2.0, watchpack@^2.4.0:
-  version "2.4.0"
-  resolved "https://registry.yarnpkg.com/watchpack/-/watchpack-2.4.0.tgz#fa33032374962c78113f93c7f2fb4c54c9862a5d"
-  integrity sha512-Lcvm7MGST/4fup+ifyKi2hjyIAwcdI4HRgtvTpIUxBRhB+RFtUh8XtDOxUfctVCnhVi+QQj49i91OyvzkJl6cg==
-  dependencies:
-    glob-to-regexp "^0.4.1"
-    graceful-fs "^4.1.2"
-
 web-namespaces@^1.0.0:
   version "1.1.4"
   resolved "https://registry.yarnpkg.com/web-namespaces/-/web-namespaces-1.1.4.tgz#bc98a3de60dadd7faefc403d1076d529f5e030ec"
@@ -13981,6 +13962,11 @@ yocto-queue@^0.1.0:
   resolved "https://registry.yarnpkg.com/yocto-queue/-/yocto-queue-0.1.0.tgz#0294eb3dee05028d31ee1a5fa2c556a6aaf10a1b"
   integrity sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==
 
+zod@3.21.4:
+  version "3.21.4"
+  resolved "https://registry.yarnpkg.com/zod/-/zod-3.21.4.tgz#10882231d992519f0a10b5dd58a38c9dabbb64db"
+  integrity sha512-m46AKbrzKVzOzs/DZgVnG5H55N1sv1M8qZU3A8RIKbs3mrACDNeIOeilDymVb2HdmP8uwshOCF4uJ8uM9rCqJw==
+
 zwitch@^1.0.0:
   version "1.0.5"
   resolved "https://registry.yarnpkg.com/zwitch/-/zwitch-1.0.5.tgz#d11d7381ffed16b742f6af7b3f223d5cd9fe9920"