🔍 meta tags #24

kihyeoon · Sep 8, 2024 · 96f50af · 96f50af
1 parent dd825a6
commit 96f50af
Show file tree

Hide file tree

Showing 2 changed files with 38 additions and 3 deletions.
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -15,8 +15,31 @@ import "./globals.css";
 const fontSans = Open_Sans({ subsets: ["latin"], variable: "--font-sans" });
 
 export const metadata: Metadata = {
-  title: "Create Next App",
-  description: "Generated by create next app",
+  title: {
+    template: "%s | 구스토",
+    default: "구스토 - 레시피 영상 요약",
+  },
+  description: "구스토에서 AI로 레시피 영상을 요약해보세요!",
+  keywords: [
+    "구스토",
+    "Gusto",
+    "유튜브 레시피",
+    "레시피",
+    "레시피 관리",
+    "영상 요약",
+    "레시피 생성",
+    "정보 이해",
+    "AI 기반 서비스",
+  ],
+  openGraph: {
+    type: "website",
+    locale: "ko_KR",
+    title: "구스토 - 레시피 영상 요약 | Gusto",
+    siteName: "구스토",
+    description:
+      "구스토에서 AI를 통해 요리 영상을 요약하고 레시피를 정리해보세요",
+    url: "https://gusto-hazel.vercel.app",
+  },
 };
 
 export default function RootLayout({
@@ -25,7 +48,7 @@ export default function RootLayout({
   children: React.ReactNode;
 }) {
   return (
-    <html lang="en">
+    <html lang="ko-KR">
       <body
         className={cn(
           "flex min-h-dvh flex-col bg-neutral-200 font-sans antialiased",

diff --git a/src/app/recipe/[id]/page.tsx b/src/app/recipe/[id]/page.tsx
@@ -1,3 +1,4 @@
+import { type Metadata } from "next";
 import { notFound } from "next/navigation";
 
 import RecipeDetailContainer from "@/features/recipe/components/detail/RecipeDetailContainer";
@@ -9,6 +10,17 @@ interface Props {
   };
 }
 
+export const metadata: Metadata = {
+  title: "레시피",
+};
+
+// export async function generateMetadata({
+//   params: { id },
+// }: Props): Promise<Metadata> {
+//   const recipe = await getRecipeById(id);
+//   return { title: recipe.title };
+// }
+
 export default async function RecipePage({ params: { id } }: Props) {
   const recipe = await getRecipeById(id);