From 2d210216f8bde2288ca3347fa445ca614f5122ea Mon Sep 17 00:00:00 2001
From: Chaeyeon1 <66813821+Chaeyeon1@users.noreply.github.com>
Date: Thu, 14 Dec 2023 16:40:07 +0900
Subject: [PATCH] #161 SEO

---
 .../home/[categoryId]/[postId]/page.tsx       |  6 -----
 client/src/app/layout.tsx                     | 15 +++++++++++
 client/src/app/robots.ts                      | 11 ++++++++
 client/src/app/sitemap.ts                     | 27 +++++++++++++++++++
 4 files changed, 53 insertions(+), 6 deletions(-)
 create mode 100644 client/src/app/robots.ts
 create mode 100644 client/src/app/sitemap.ts

diff --git a/client/src/app/[blogName]/home/[categoryId]/[postId]/page.tsx b/client/src/app/[blogName]/home/[categoryId]/[postId]/page.tsx
index 44f2d23..1f95ab8 100644
--- a/client/src/app/[blogName]/home/[categoryId]/[postId]/page.tsx
+++ b/client/src/app/[blogName]/home/[categoryId]/[postId]/page.tsx
@@ -49,7 +49,6 @@ import { AddLikeApi, DeleteWriteApi } from '@/api/write-api';
 import { enqueueSnackbar } from 'notistack';
 import ThumbUpIcon from '@mui/icons-material/ThumbUp';
 import { postVisitApi } from '@/api/mypage-api';
-import SEO from '@/components/SEO';
 
 const page = ({ params }: { params: { blogName: string; categoryId: string; postId: string } }) => {
   const { data: blogIdData } = usegetblogIdQuery({ blogUrl: params.blogName });
@@ -177,11 +176,6 @@ const page = ({ params }: { params: { blogName: string; categoryId: string; post
 
   return (
     <Stack>
-      <SEO
-        title={post?.title}
-        description={post?.content?.slice(0, 30)}
-        ogImage={{ url: post?.thumbnail ?? '', width: 1200, height: 630 }}
-      />
       <ThumbnailArea>
         <ImageContainer
           imageSrc={
diff --git a/client/src/app/layout.tsx b/client/src/app/layout.tsx
index 776e5c8..845c827 100644
--- a/client/src/app/layout.tsx
+++ b/client/src/app/layout.tsx
@@ -5,6 +5,21 @@ import ThemeRegistry from '@/components/ReactQuery/ThemeRegistry';
 import ReactQuery from '@/components/ReactQuery/Provider';
 import Header from '@/components/Layout/Header';
 import FullLayout from '@/components/Layout/FullLayout';
+import { Metadata } from 'next';
+import Favicon from '/public/assets/yellowFootPrint.png';
+
+export const metadata: Metadata = {
+  title: 'GLOG',
+  description:
+    '개발자들을 위해 만들어진 블로그를 작성해보세요! 발자국 시스템, PR 시스템으로 블로그를 꾸준히 쓸 수 있도록 도와줍니다',
+  openGraph: {
+    title: 'GLOG',
+    description:
+      '개발자들을 위해 만들어진 블로그를 작성해보세요! 발자국 시스템, PR 시스템으로 블로그를 꾸준히 쓸 수 있도록 도와줍니다',
+    images: 'http://15.164.221.35:3000',
+  },
+  icons: [{ rel: 'icon', url: Favicon.src }],
+};
 
 export default function RootLayout(props: { children: ReactNode }) {
   const { children } = props;
diff --git a/client/src/app/robots.ts b/client/src/app/robots.ts
new file mode 100644
index 0000000..f722a12
--- /dev/null
+++ b/client/src/app/robots.ts
@@ -0,0 +1,11 @@
+import { MetadataRoute } from 'next';
+
+export default function robots(): MetadataRoute.Robots {
+  return {
+    rules: {
+      userAgent: '*',
+      allow: '/',
+    },
+    sitemap: 'http://15.164.221.35:3000/sitemap.xml',
+  };
+}
diff --git a/client/src/app/sitemap.ts b/client/src/app/sitemap.ts
new file mode 100644
index 0000000..25c238f
--- /dev/null
+++ b/client/src/app/sitemap.ts
@@ -0,0 +1,27 @@
+// import { useGetCollectDataQuery } from '@/api/collect-api';
+import { MetadataRoute } from 'next';
+
+export default function sitemap(): MetadataRoute.Sitemap {
+  //   const { data } = useGetCollectDataQuery({ kind: 'likes', page: 0 });
+  //   const allThePostData = data?.postPreviewDtos;
+
+  //   const sitemapUrls = allThePostData.map((post) => {
+  //     return {
+  //       url: `http://15.164.221.35:3000/${post.blogUrl}/home/${post.categoryId}/${post.postId}`,
+  //     };
+  //   });
+
+  const staticUrls = [
+    {
+      url: 'http://15.164.221.35:3000',
+    },
+    {
+      url: 'http://15.164.221.35:3000/jkjk',
+    },
+    {
+      url: 'http://15.164.221.35:3000/jkjk/home/5/45',
+    },
+  ];
+
+  return [...staticUrls];
+}