Basic SEO set up for the landing page

thesis · Dec 1, 2023 · a52f6e9 · a52f6e9
1 parent d62c3ec
commit a52f6e9
Show file tree

Hide file tree

Showing 5 changed files with 75 additions and 6 deletions.
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/website/gatsby-config.ts b/website/gatsby-config.ts
@@ -8,6 +8,7 @@ const config: GatsbyConfig = {
   graphqlTypegen: true,
   plugins: [
     "gatsby-plugin-pnpm",
+    "gatsby-plugin-react-helmet",
     {
       resolve: "gatsby-plugin-manifest",
       options: {

diff --git a/website/package.json b/website/package.json
@@ -22,14 +22,17 @@
   "dependencies": {
     "gatsby": "^5.12.11",
     "gatsby-plugin-manifest": "^5.12.3",
+    "gatsby-plugin-react-helmet": "^6.12.0",
     "react": "^18.2.0",
-    "react-dom": "^18.2.0"
+    "react-dom": "^18.2.0",
+    "react-helmet": "^6.1.0"
   },
   "devDependencies": {
     "@thesis-co/eslint-config": "^0.6.1",
     "@types/node": "^20.9.4",
     "@types/react": "^18.2.38",
     "@types/react-dom": "^18.2.17",
+    "@types/react-helmet": "^6.1.9",
     "@typescript-eslint/eslint-plugin": "^6.12.0",
     "@typescript-eslint/parser": "^6.12.0",
     "eslint": "^8.54.0",

diff --git a/website/src/components/SEO/index.tsx b/website/src/components/SEO/index.tsx
@@ -0,0 +1,14 @@
+import React from "react"
+import { Helmet } from "react-helmet"
+
+function SEO() {
+  return (
+    <Helmet>
+      <meta charSet="utf-8" />
+      <title>Acre</title>
+      <link rel="canonical" href="https://acre.fi/" />
+    </Helmet>
+  )
+}
+
+export default SEO
diff --git a/website/src/pages/index.tsx b/website/src/pages/index.tsx
@@ -1,12 +1,16 @@
 import * as React from "react"
+import SEO from "../components/SEO"
 
 function IndexPage() {
   return (
-    <main>
-      <div className="placeholder">
-        <div className="placeholder_svg" />
-      </div>
-    </main>
+    <>
+      <SEO />
+      <main>
+        <div className="placeholder">
+          <div className="placeholder_svg" />
+        </div>
+      </main>
+    </>
   )
 }