Add HTML document title

package-lock.json

@@ -12,6 +12,7 @@
         "@types/react": "18.0.24",
         "@types/react-dom": "18.0.8",
         "next": "13.0.1",
+        "next-seo": "^5.14.1",
         "react": "18.2.0",
         "react-dom": "18.2.0",
         "sass": "^1.55.0",
@@ -498,6 +499,16 @@
         }
       }
     },
+    "node_modules/next-seo": {
+      "version": "5.14.1",
+      "resolved": "https://registry.npmjs.org/next-seo/-/next-seo-5.14.1.tgz",
+      "integrity": "sha512-NiJeQbxYP3z+EMp52q8k3Q+OfX2+Yv2WehERDj98r2wjXxL+woKpRBdsSVYolTD0Hm8IWs42SzaISE93RoQdOw==",
+      "peerDependencies": {
+        "next": "^8.1.1-canary.54 || >=9.0.0",
+        "react": ">=16.0.0",
+        "react-dom": ">=16.0.0"
+      }
+    },
     "node_modules/normalize-path": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
@@ -944,6 +955,12 @@
         "use-sync-external-store": "1.2.0"
       }
     },
+    "next-seo": {
+      "version": "5.14.1",
+      "resolved": "https://registry.npmjs.org/next-seo/-/next-seo-5.14.1.tgz",
+      "integrity": "sha512-NiJeQbxYP3z+EMp52q8k3Q+OfX2+Yv2WehERDj98r2wjXxL+woKpRBdsSVYolTD0Hm8IWs42SzaISE93RoQdOw==",
+      "requires": {}
+    },
     "normalize-path": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",

package.json

@@ -13,6 +13,7 @@
     "@types/react": "18.0.24",
     "@types/react-dom": "18.0.8",
     "next": "13.0.1",
+    "next-seo": "^5.14.1",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "sass": "^1.55.0",

pages/index.tsx

@@ -2,9 +2,15 @@ import styles from '../styles/Index.module.scss';
 import Image from 'next/image';
 import { OpenHours } from '../components/OpenHours';
 import { ScrollToTop } from '../components/ScrollToTop';
+import { NextSeo } from 'next-seo';
 
 export default function Index() {
   return (
+    <>
+      <NextSeo
+        title='Livonsaaren Osuuskauppa'
+        description='Kyläkauppa, kahvila, ravintola ja baari Livonsaarella'
+      />
       <div className={styles.outerContainer}>
         <div className={styles.innerContainer}>
           <header className={styles.sectionContainer}>
@@ -175,5 +181,6 @@ export default function Index() {
           <ScrollToTop />
         </div>
       </div>
+    </>
   );
 }