Merge pull request #14 from frorong/feature/meta

Add metadata

src/app/gallery/[id]/page.tsx

@@ -4,14 +4,9 @@ import { NotionDetailPage } from "@/pageContainer";
 import { notion } from "@/lib";
 import { gallery } from "@/constant";
 
-import { redirect } from "next/navigation";
+import { redirect, notFound } from "next/navigation";
 import type { Metadata } from "next";
 
-export const metadata: Metadata = {
-  title: "빛고을배드민턴클럽 홈패이지",
-  description: "빛고을배드민턴클럽의 홈패이지입니다.",
-};
-
 const GALLERY_LIST_PAGE = "/gallery" as const;
 
 interface Params {
@@ -20,6 +15,26 @@ interface Params {
   };
 }
 
+export const generateMetadata = async ({
+  params,
+}: Params): Promise<Metadata> => {
+  try {
+    const { title, description } = gallery[parseInt(params.id)];
+
+    return {
+      title: { absolute: title },
+      description: description.slice(120),
+      openGraph: {
+        title: title,
+        description: description.slice(120),
+        url: `https://www.frorong.shop/gallery/${params.id}`,
+      },
+    };
+  } catch (e) {
+    return notFound();
+  }
+};
+
 export default async function Gallery({ params: { id } }: Params) {
   const currentGallery = gallery[parseInt(id)];
 

src/app/gallery/page.tsx

@@ -1,5 +1,12 @@
 import { NotionPage } from "@/pageContainer";
 
+import { Metadata } from "next";
+
+export const metadata: Metadata = {
+  title: "갤러리 | Bitguoel",
+  description: "빛고을배드민턴클럽의 행사갤러리 페이지입니다.",
+};
+
 export default function Gallery() {
   return <NotionPage postType="gallery" />;
 }

src/app/inquiry/page.tsx

@@ -1,7 +1,13 @@
-import { cookies } from "next/headers";
-
 import { InquiryPage } from "@/pageContainer";
+
+import { cookies } from "next/headers";
 import { redirect } from "next/navigation";
+import { Metadata } from "next";
+
+export const metadata: Metadata = {
+  title: "문의 | Bitguoel",
+  description: "빛고을배드민턴클럽의 문의하기 페이지입니다.",
+};
 
 export default async function Inquiry() {
   const isMailed = cookies().get("isMailed")?.value;

src/app/introduce/page.tsx

@@ -1,5 +1,12 @@
 import { IntroducePage } from "@/pageContainer";
 
+import { Metadata } from "next";
+
+export const metadata: Metadata = {
+  title: "소개 | Bitguoel",
+  description: "빛고을배드민턴클럽의 소개 페이지입니다.",
+};
+
 export default async function Introduce() {
   return <IntroducePage />;
 }

src/app/notice/[id]/page.tsx

@@ -4,14 +4,9 @@ import { NotionDetailPage } from "@/pageContainer";
 import { notion } from "@/lib";
 import { notice } from "@/constant";
 
-import { redirect } from "next/navigation";
+import { redirect, notFound } from "next/navigation";
 import type { Metadata } from "next";
 
-export const metadata: Metadata = {
-  title: "빛고을배드민턴클럽 홈패이지",
-  description: "빛고을배드민턴클럽의 홈패이지입니다.",
-};
-
 const NOTICE_LIST_PATH = "/notice" as const;
 
 interface Params {
@@ -20,6 +15,26 @@ interface Params {
   };
 }
 
+export const generateMetadata = async ({
+  params,
+}: Params): Promise<Metadata> => {
+  try {
+    const { title, description } = notice[parseInt(params.id)];
+
+    return {
+      title: { absolute: title },
+      description: description.slice(120),
+      openGraph: {
+        title: title,
+        description: description.slice(120),
+        url: `https://www.frorong.shop/gallery/${params.id}`,
+      },
+    };
+  } catch (e) {
+    return notFound();
+  }
+};
+
 export default async function Notice({ params: { id } }: Params) {
   const currentNotice = notice[parseInt(id)];
 

src/app/notice/page.tsx

@@ -1,5 +1,12 @@
 import { NotionPage } from "@/pageContainer";
 
+import { Metadata } from "next";
+
+export const metadata: Metadata = {
+  title: "공지 | Bitguoel",
+  description: "빛고을배드민턴클럽의 공지 페이지입니다.",
+};
+
 export default function Notice() {
   return <NotionPage postType="notice" />;
 }