update metadata

edwardhorsey · Jul 27, 2023 · cbbc8ae · cbbc8ae
1 parent 1520112
commit cbbc8ae
Show file tree

Hide file tree

Showing 3 changed files with 72 additions and 33 deletions.
diff --git a/public/og.png b/public/og.png
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
@@ -6,16 +6,41 @@ const App = dynamic(() => import("~/containers/App"), {
     ssr: false,
 });
 
+const siteUrl = "https://drummachine.xyz";
+const title = "Drum Machine";
+const description =
+    "A drum-machine performing some of my favourite samples from the Roland TR-808.";
+const ogImage = "https://drummachine.xyz/og.png";
+const themeColour = "#e5e7eb";
+
 const Home: NextPage = () => {
     return (
         <>
             <Head>
                 <title>Roland React 8</title>
+                <link rel="icon" href="/favicon.ico" />
+                <meta name="description" content={description} />
+                <meta charSet="utf-8" />
                 <meta
-                    name="description"
-                    content="A drum-machine performing some of my favourite samples from the Roland TR-808."
+                    name="viewport"
+                    content="width=device-width, initial-scale=1"
                 />
-                <link rel="icon" href="/favicon.ico" />
+                <meta name="theme-color" content={themeColour} />
+                <link rel="canonical" href={siteUrl} />
+                <meta name="title" content={title} />
+                <meta name="description" content={description} />
+                <meta property="og:locale" content="en_GB" />
+                <meta property="og:type" content="website" />
+                <meta property="og:title" content={title} />
+                <meta property="og:description" content={description} />
+                <meta property="og:url" content={siteUrl} />
+                <meta property="og:site_name" content={title} />
+                <meta property="og:image" content={ogImage} />
+                <meta name="twitter:card" content="summary_large_image" />
+                <meta name="twitter:description" content={description} />
+                <meta name="twitter:title" content={title} />
+                <meta name="twitter:image" content={ogImage} />
+                <link rel="apple-touch-icon" href={ogImage} />
             </Head>
             <App />
         </>

diff --git a/tsconfig.json b/tsconfig.json
@@ -1,33 +1,47 @@
 {
-    "compilerOptions": {
-        "target": "es2017",
-        "lib": ["dom", "dom.iterable", "esnext"],
-        "allowJs": true,
-        "checkJs": true,
-        "skipLibCheck": true,
-        "strict": true,
-        "forceConsistentCasingInFileNames": true,
-        "noEmit": true,
-        "esModuleInterop": true,
-        "module": "esnext",
-        "moduleResolution": "node",
-        "resolveJsonModule": true,
-        "isolatedModules": true,
-        "jsx": "preserve",
-        "incremental": true,
-        "noUncheckedIndexedAccess": true,
-        "baseUrl": ".",
-        "paths": {
-            "~/*": ["./src/*"]
-        }
-    },
-    "include": [
-        ".eslintrc.cjs",
-        "next-env.d.ts",
-        "**/*.ts",
-        "**/*.tsx",
-        "**/*.cjs",
-        "**/*.mjs",
+  "compilerOptions": {
+    "target": "es2017",
+    "lib": [
+      "dom",
+      "dom.iterable",
+      "esnext"
     ],
-    "exclude": ["node_modules"]
+    "allowJs": true,
+    "checkJs": true,
+    "skipLibCheck": true,
+    "strict": true,
+    "forceConsistentCasingInFileNames": true,
+    "noEmit": true,
+    "esModuleInterop": true,
+    "module": "esnext",
+    "moduleResolution": "node",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "jsx": "preserve",
+    "incremental": true,
+    "noUncheckedIndexedAccess": true,
+    "baseUrl": ".",
+    "paths": {
+      "~/*": [
+        "./src/*"
+      ]
+    },
+    "plugins": [
+      {
+        "name": "next"
+      }
+    ]
+  },
+  "include": [
+    ".eslintrc.cjs",
+    "next-env.d.ts",
+    "**/*.ts",
+    "**/*.tsx",
+    "**/*.cjs",
+    "**/*.mjs",
+    ".next/types/**/*.ts"
+  ],
+  "exclude": [
+    "node_modules"
+  ]
 }