diff --git a/gatsby-config.js b/gatsby-config.js
index 7344c95..f714c46 100644
--- a/gatsby-config.js
+++ b/gatsby-config.js
@@ -7,6 +7,7 @@
 module.exports = {
   /* Your site config here */
     plugins: [
+	'gatsby-plugin-react-helmet',
 	{
 	    resolve: `gatsby-plugin-sass`,
 	    options: {
diff --git a/package-lock.json b/package-lock.json
index f3bb1cc..1ee60ea 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -7927,6 +7927,14 @@
         }
       }
     },
+    "gatsby-plugin-react-helmet": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/gatsby-plugin-react-helmet/-/gatsby-plugin-react-helmet-4.3.0.tgz",
+      "integrity": "sha512-7D3SebOkDdEBqhUDW4e4Sxl70f6zcpcxU9dKZqi6jgQJzZfW4Jvn9yLk0VfSm5kHpTDUE/KrXme31Hap32S/gA==",
+      "requires": {
+        "@babel/runtime": "^7.12.5"
+      }
+    },
     "gatsby-plugin-sass": {
       "version": "4.3.0",
       "resolved": "https://registry.npmjs.org/gatsby-plugin-sass/-/gatsby-plugin-sass-4.3.0.tgz",
@@ -14476,6 +14484,22 @@
       "resolved": "https://registry.npmjs.org/react-error-overlay/-/react-error-overlay-6.0.9.tgz",
       "integrity": "sha512-nQTTcUu+ATDbrSD1BZHr5kgSD4oF8OFjxun8uAaL8RwPBacGBNPf/yAuVVdx17N8XNzRDMrZ9XcKZHCjPW+9ew=="
     },
+    "react-fast-compare": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/react-fast-compare/-/react-fast-compare-3.2.0.tgz",
+      "integrity": "sha512-rtGImPZ0YyLrscKI9xTpV8psd6I8VAtjKCzQDlzyDvqJA8XOW78TXYQwNRNd8g8JZnDu8q9Fu/1v4HPAVwVdHA=="
+    },
+    "react-helmet": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/react-helmet/-/react-helmet-6.1.0.tgz",
+      "integrity": "sha512-4uMzEY9nlDlgxr61NL3XbKRy1hEkXmKNXhjbAIOVw5vcFrsdYbH2FEwcNyWvWinl103nXgzYNlns9ca+8kFiWw==",
+      "requires": {
+        "object-assign": "^4.1.1",
+        "prop-types": "^15.7.2",
+        "react-fast-compare": "^3.1.1",
+        "react-side-effect": "^2.1.0"
+      }
+    },
     "react-is": {
       "version": "16.13.1",
       "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
@@ -14491,6 +14515,11 @@
       "resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.9.0.tgz",
       "integrity": "sha512-Gvzk7OZpiqKSkxsQvO/mbTN1poglhmAV7gR/DdIrRrSMXraRQQlfikRJOr3Nb9GTMPC5kof948Zy6jJZIFtDvQ=="
     },
+    "react-side-effect": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/react-side-effect/-/react-side-effect-2.1.1.tgz",
+      "integrity": "sha512-2FoTQzRNTncBVtnzxFOk2mCpcfxQpenBMbk5kSVBg5UcPqV9fRbgY2zhb7GTWWOlpFmAxhClBDlIq8Rsubz1yQ=="
+    },
     "read": {
       "version": "1.0.7",
       "resolved": "https://registry.npmjs.org/read/-/read-1.0.7.tgz",
diff --git a/package.json b/package.json
index 123809e..560b2f1 100644
--- a/package.json
+++ b/package.json
@@ -19,6 +19,7 @@
     "gatsby": "^3.2.1",
     "gatsby-plugin-graphql-codegen": "^2.7.1",
     "gatsby-plugin-postcss": "^4.3.0",
+    "gatsby-plugin-react-helmet": "^4.3.0",
     "gatsby-plugin-sass": "^4.3.0",
     "gatsby-remark-prismjs": "^5.0.0",
     "gatsby-source-filesystem": "^3.3.0",
@@ -27,6 +28,7 @@
     "prismjs": "^1.23.0",
     "react": "^17.0.1",
     "react-dom": "^17.0.1",
+    "react-helmet": "^6.1.0",
     "sass": "^1.32.10",
     "tailwindcss": "^2.1.1"
   },
diff --git a/src/components/Layout.tsx b/src/components/Layout.tsx
index e0b7ff5..55ee527 100644
--- a/src/components/Layout.tsx
+++ b/src/components/Layout.tsx
@@ -1,9 +1,14 @@
 import React from 'react';
 import NavHeader from './NavHeader';
+import {Helmet} from 'react-helmet';
 
 const Layout: React.FC<{}> = (props) =>  {
     return (
 	<div className="bg-gray-900 text-gray-200 min-h-screen min-w-screen font-main">
+	    <Helmet>
+		<title>Rik Berkelder</title>
+		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+	    </Helmet>
 	    <div className="mx-auto max-w-screen-lg container pt-1.5 p-0 sm:p-2">
 		<NavHeader/>
 		<main>