diff --git a/app/routes/_news.detail.$slug.tsx b/app/routes/_news.detail.$slug.tsx
index 27c2d25..d8a3ee8 100644
--- a/app/routes/_news.detail.$slug.tsx
+++ b/app/routes/_news.detail.$slug.tsx
@@ -1,5 +1,6 @@
 import { getNewsBySlug } from '~/apis/common/get-news-by-slug'
 import { getUser } from '~/apis/news/get-user'
+import { APP } from '~/configs/meta'
 import { handleCookie } from '~/libs/cookies'
 import { NewsDetailPage } from '~/pages/news-detail'
 
@@ -26,6 +27,18 @@ export const loader = async ({ request, params }: Route.LoaderArgs) => {
   }
 }
 
+export const meta = ({ data }: Route.MetaArgs) => {
+  const { newsDetailData } = data
+  const metaTitle = APP.title
+  const title = `${newsDetailData.title} - ${metaTitle}`
+
+  return [
+    {
+      title,
+    },
+  ]
+}
+
 const NewsDetailLayout = () => <NewsDetailPage />
 
 export default NewsDetailLayout