From f7125538f77feba39c07ed008d2564399921f9d6 Mon Sep 17 00:00:00 2001
From: mrjvs <mistrjvs@gmail.com>
Date: Sun, 31 Mar 2024 01:28:50 +0100
Subject: [PATCH] Add meta tags and title template

---
 package.json     |  1 +
 pnpm-lock.yaml   |  3 +++
 theme.config.tsx | 21 ++++++++++++++++++++-
 3 files changed, 24 insertions(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 23e3a91..e011a11 100644
--- a/package.json
+++ b/package.json
@@ -21,6 +21,7 @@
   "dependencies": {
     "@neato/guider": "^0.1.3",
     "next": "^14.1.4",
+    "next-seo": "^6.5.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   }
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index ff76ccc..3c5fd75 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -11,6 +11,9 @@ dependencies:
   next:
     specifier: ^14.1.4
     version: 14.1.4(react-dom@18.2.0)(react@18.2.0)
+  next-seo:
+    specifier: ^6.5.0
+    version: 6.5.0(next@14.1.4)(react-dom@18.2.0)(react@18.2.0)
   react:
     specifier: ^18.2.0
     version: 18.2.0
diff --git a/theme.config.tsx b/theme.config.tsx
index c8c5035..a6818c1 100644
--- a/theme.config.tsx
+++ b/theme.config.tsx
@@ -1,6 +1,8 @@
 import { defineTheme, directory, group, link, social } from '@neato/guider/theme';
 import { Logo } from './components/Logo';
- 
+import { NextSeo } from 'next-seo';
+import coverUrl from "./public/cover.png"; 
+
 export default defineTheme({
   github: "movie-web/movie-web",
   contentFooter: {
@@ -11,6 +13,23 @@ export default defineTheme({
       social.discord("https://movie-web.github.io/links/discord"),
     ]
   },
+  meta: (pageMeta) => (
+    <NextSeo {...{
+      titleTemplate: '%s | movie-web',
+      title: pageMeta.title ?? "For all your movie and TV show needs",
+      description: pageMeta.description ?? "movie-web is a free and open source streaming site, no ads, no tracking, no nonsense.",
+      openGraph: {
+        images: [{
+          url: coverUrl.src,
+        }],
+        title: pageMeta.title ?? "For all your movie and TV show needs",
+        description: pageMeta.description ?? "movie-web is a free and open source streaming site, no ads, no tracking, no nonsense.",
+      },
+      twitter: {
+        cardType: 'summary_large_image',
+      },
+    }} />
+  ),
   settings: {
     logo: () => <Logo />,
     colors: {