diff --git a/gatsby-config.js b/gatsby-config.js
index f714c46..50c51f2 100644
--- a/gatsby-config.js
+++ b/gatsby-config.js
@@ -6,94 +6,95 @@
 
 module.exports = {
   /* Your site config here */
-    plugins: [
-	'gatsby-plugin-react-helmet',
-	{
-	    resolve: `gatsby-plugin-sass`,
-	    options: {
-		postCssPlugins: [
-		    require("tailwindcss"),
-		]
-	    }
-	},
-	{
-	    resolve: 'gatsby-source-filesystem',
-	    options: {
-		name: 'markdown-pages',
-		path: `${__dirname}/src/markdown-pages`
-	    }
-	},
-	{
-	    resolve: `gatsby-transformer-remark`,
-	    options: {
-		plugins: [
-		    {
-			resolve: `gatsby-remark-prismjs`,
-			options: {
-			    // Class prefix for <pre> tags containing syntax highlighting;
-			    // defaults to 'language-' (e.g. <pre class="language-js">).
-			    // If your site loads Prism into the browser at runtime,
-			    // (e.g. for use with libraries like react-live),
-			    // you may use this to prevent Prism from re-processing syntax.
-			    // This is an uncommon use-case though;
-			    // If you're unsure, it's best to use the default value.
-			    classPrefix: "language-",
-			    // This is used to allow setting a language for inline code
-			    // (i.e. single backticks) by creating a separator.
-			    // This separator is a string and will do no white-space
-			    // stripping.
-			    // A suggested value for English speakers is the non-ascii
-			    // character '›'.
-			    inlineCodeMarker: null,
-			    // This lets you set up language aliases.  For example,
-			    // setting this to '{ sh: "bash" }' will let you use
-			    // the language "sh" which will highlight using the
-			    // bash highlighter.
-			    aliases: {},
-			    // This toggles the display of line numbers globally alongside the code.
-			    // To use it, add the following line in gatsby-browser.js
-			    // right after importing the prism color scheme:
-			    //  require("prismjs/plugins/line-numbers/prism-line-numbers.css")
-			    // Defaults to false.
-			    // If you wish to only show line numbers on certain code blocks,
-			    // leave false and use the {numberLines: true} syntax below
-			    showLineNumbers: false,
-			    // If setting this to true, the parser won't handle and highlight inline
-			    // code used in markdown i.e. single backtick code like `this`.
-			    noInlineHighlight: false,
-			    // This adds a new language definition to Prism or extend an already
-			    // existing language definition. More details on this option can be
-			    // found under the header "Add new language definition or extend an
-			    // existing language" below.
-			    languageExtensions: [
-				{
-				    language: "superscript",
-				    extend: "javascript",
-				    definition: {
-					superscript_types: /(SuperType)/,
-				    },
-				    insertBefore: {
-					function: {
-					    superscript_keywords: /(superif|superelse)/,
-					},
-				    },
-				},
-			    ],
-			    // Customize the prompt used in shell output
-			    // Values below are default
-			    prompt: {
-				user: "root",
-				host: "localhost",
-				global: false,
-			    },
-			    // By default the HTML entities <>&'" are escaped.
-			    // Add additional HTML escapes by providing a mapping
-			    // of HTML entities and their escape value IE: { '}': '&#123;' }
-			    escapeEntities: {},
-			},
-		    },
-		],
+  plugins: [
+    'gatsby-plugin-graphql-codegen',
+    'gatsby-plugin-react-helmet',
+    {
+      resolve: `gatsby-plugin-sass`,
+      options: {
+        postCssPlugins: [
+          require("tailwindcss"),
+        ]
+      }
+    },
+    {
+      resolve: 'gatsby-source-filesystem',
+      options: {
+        name: 'markdown-pages',
+        path: `${__dirname}/src/markdown-pages`
+      }
+    },
+    {
+      resolve: `gatsby-transformer-remark`,
+      options: {
+        plugins: [
+          {
+            resolve: `gatsby-remark-prismjs`,
+            options: {
+              // Class prefix for <pre> tags containing syntax highlighting;
+              // defaults to 'language-' (e.g. <pre class="language-js">).
+              // If your site loads Prism into the browser at runtime,
+              // (e.g. for use with libraries like react-live),
+              // you may use this to prevent Prism from re-processing syntax.
+              // This is an uncommon use-case though;
+              // If you're unsure, it's best to use the default value.
+              classPrefix: "language-",
+              // This is used to allow setting a language for inline code
+              // (i.e. single backticks) by creating a separator.
+              // This separator is a string and will do no white-space
+              // stripping.
+              // A suggested value for English speakers is the non-ascii
+              // character '›'.
+              inlineCodeMarker: null,
+              // This lets you set up language aliases.  For example,
+              // setting this to '{ sh: "bash" }' will let you use
+              // the language "sh" which will highlight using the
+              // bash highlighter.
+              aliases: {},
+              // This toggles the display of line numbers globally alongside the code.
+              // To use it, add the following line in gatsby-browser.js
+              // right after importing the prism color scheme:
+              //  require("prismjs/plugins/line-numbers/prism-line-numbers.css")
+              // Defaults to false.
+              // If you wish to only show line numbers on certain code blocks,
+              // leave false and use the {numberLines: true} syntax below
+              showLineNumbers: false,
+              // If setting this to true, the parser won't handle and highlight inline
+              // code used in markdown i.e. single backtick code like `this`.
+              noInlineHighlight: false,
+              // This adds a new language definition to Prism or extend an already
+              // existing language definition. More details on this option can be
+              // found under the header "Add new language definition or extend an
+              // existing language" below.
+              languageExtensions: [
+                {
+                  language: "superscript",
+                  extend: "javascript",
+                  definition: {
+                    superscript_types: /(SuperType)/,
+                  },
+                  insertBefore: {
+                    function: {
+                      superscript_keywords: /(superif|superelse)/,
+                    },
+                  },
+                },
+              ],
+              // Customize the prompt used in shell output
+              // Values below are default
+              prompt: {
+                user: "root",
+                host: "localhost",
+				        global: false,
+			        },
+			        // By default the HTML entities <>&'" are escaped.
+			        // Add additional HTML escapes by providing a mapping
+			        // of HTML entities and their escape value IE: { '}': '&#123;' }
+			        escapeEntities: {},
+			      },
+		      },
+		    ],
 	    },
-	},
-    ],
+	  },
+  ],
 }
diff --git a/src/components/Layout.tsx b/src/components/Layout.tsx
index 55ee527..2439c5c 100644
--- a/src/components/Layout.tsx
+++ b/src/components/Layout.tsx
@@ -15,7 +15,11 @@ const Layout: React.FC<{}> = (props) =>  {
 		{props.children}
 		</main>
 	    </div>
-	</div>	
+      {process.env.NODE_ENV === "production" ? (
+      <script data-goatcounter="https://riksolo-com.stats.riksolo.com/count"
+        async src="//riksolo-com.stats.riksolo.com/count.js"></script>
+      ) : null}
+	</div>
     )
 };