updated dependencies and tooling

.dockerignore

@@ -0,0 +1,3 @@
+.cache/
+node_modules/
+public/

Dockerfile

@@ -1 +1,4 @@
-FROM gatsbyjs/gatsby:onbuild
+FROM gatsbyjs/gatsby:onbuild as gatsby-build
+
+FROM gatsbyjs/gatsby
+COPY --from=gatsby-build /app/public /pub

content/blog/001-hello-world/index.md

@@ -12,7 +12,7 @@ Honestly, I don't even know myself. For the last few years as a developer I cons
 
 # Who am I?
 
-I am Stephan, 28 (at the time of writing), and I try to build cool stuff with computers. Currently, I work in a company called [DEVDEER](https://devdeer.com/). We are a few enthusiasts (9, soon to be 10) helping businesses with consuting, developing, operating, migrating and integrating all around Microsoft's tools and technologies. When I'm not at work, I do stuff like this (tinkering with code), go out hiking, photograph or start cool DIY-projects I mostly never get around to finish.
+I am Stephan, 28 (at the time of writing), and I try to build cool stuff with computers. Currently, I work in a company called [DEVDEER](https://devdeer.com/). We are a few enthusiasts (9, soon to be 10) helping businesses with consulting, developing, operating, migrating and integrating all around Microsoft's tools and technologies. When I'm not at work, I do stuff like this (tinkering with code), go out hiking, photograph or start cool DIY-projects I mostly never get around to finish.
 
 # Contents
 

content/blog/003-writing-articles/index.md

@@ -91,7 +91,7 @@ For now I only require two steps:
 1. install node.js dependencies and build the gatsby project
 2. build the new docker image and push it to the registry
 
-An additional benefit of the drone build is this beatiful badge, every project has nowadays, conveniently prepared as markdown:
+An additional benefit of the drone build is this beautiful badge, every project has nowadays, conveniently prepared as markdown:
 
 [![Build Status](https://drone.while-false.de/api/badges/stephan/blog/status.svg)](https://drone.while-false.de/stephan/blog)
 

gatsby-config.js

@@ -46,12 +46,68 @@ module.exports = {
     `gatsby-transformer-sharp`,
     `gatsby-plugin-sharp`,
     {
-      resolve: `gatsby-plugin-google-analytics`,
+      resolve: 'gatsby-plugin-matomo',
       options: {
-        //trackingId: `ADD YOUR TRACKING ID HERE`,
+        siteId: '1',
+        matomoUrl: 'https://matomo.while-false.de',
+        siteUrl: 'https://blog.while-false.de',
+        matomoPhpScript: 'matomo.php',
+        matomoJsScript: 'matomo.js'
+      }
+    },
+    {
+      resolve: 'gatsby-plugin-feed',
+      options: {
+        query: `
+          {
+            site {
+              siteMetadata {
+                title
+                description
+                siteUrl
+                site_url: siteUrl
+              }
+            }
+          }
+        `,
+        feeds: [
+          {
+            serialize: ({ query: { site, allMarkdownRemark } }) => {
+              return allMarkdownRemark.edges.map(edge => {
+                return Object.assign({}, edge.node.frontmatter, {
+                  description: edge.node.excerpt,
+                  date: edge.node.frontmatter.date,
+                  url: site.siteMetadata.siteUrl + edge.node.fields.slug,
+                  guid: site.siteMetadata.siteUrl + edge.node.fields.slug,
+                  custom_elements: [{ "content:encoded": edge.node.html }],
+                })
+              })
+            },
+            query: `
+              {
+                allMarkdownRemark(
+                  sort: { order: DESC, fields: [frontmatter___date] },
+                ) {
+                  edges {
+                    node {
+                      excerpt
+                      html
+                      fields { slug }
+                      frontmatter {
+                        title
+                        date
+                      }
+                    }
+                  }
+                }
+              }
+            `,
+            output: "/rss.xml",
+            title: "while-false blog RSS Feed"
+          },
+        ],
       },
     },
-    `gatsby-plugin-feed`,
     {
       resolve: `gatsby-plugin-manifest`,
       options: {

gatsby-node.js

@@ -52,7 +52,6 @@ exports.createPages = async ({ graphql, actions }) => {
 
 exports.onCreateNode = ({ node, actions, getNode }) => {
   const { createNodeField } = actions
-
   if (node.internal.type === `MarkdownRemark`) {
     const value = createFilePath({ node, getNode })
     createNodeField({

package.json

@@ -5,36 +5,37 @@
   "version": "0.1.0",
   "author": "Stephan Dörfler <st.doerfler@outlook.com>",
   "dependencies": {
-    "gatsby": "^2.18.8",
+    "gatsby": "^2.22.17",
-    "gatsby-image": "^2.2.34",
+    "gatsby-image": "^2.4.6",
-    "gatsby-plugin-feed": "^2.3.23",
+    "gatsby-plugin-feed": "^2.5.4",
-    "gatsby-plugin-google-analytics": "^2.1.29",
+    "gatsby-plugin-matomo": "^0.8.3",
-    "gatsby-plugin-manifest": "^2.2.31",
+    "gatsby-plugin-manifest": "^2.4.10",
-    "gatsby-plugin-offline": "^3.0.27",
+    "gatsby-plugin-offline": "^3.2.8",
-    "gatsby-plugin-react-helmet": "^3.1.16",
+    "gatsby-plugin-react-helmet": "^3.3.3",
-    "gatsby-plugin-sharp": "^2.3.5",
+    "gatsby-plugin-sharp": "^2.6.10",
-    "gatsby-plugin-typography": "^2.3.18",
+    "gatsby-plugin-typography": "^2.5.3",
-    "gatsby-remark-copy-linked-files": "^2.1.31",
+    "gatsby-remark-copy-linked-files": "^2.3.4",
-    "gatsby-remark-images": "^3.1.35",
+    "gatsby-remark-images": "^3.3.9",
-    "gatsby-remark-prismjs": "^3.3.25",
+    "gatsby-remark-prismjs": "^3.5.3",
-    "gatsby-remark-responsive-iframe": "^2.2.28",
+    "gatsby-remark-responsive-iframe": "^2.4.4",
-    "gatsby-remark-smartypants": "^2.1.17",
+    "gatsby-remark-smartypants": "^2.3.3",
-    "gatsby-source-filesystem": "^2.1.40",
+    "gatsby-source-filesystem": "^2.3.10",
-    "gatsby-transformer-remark": "^2.6.39",
+    "gatsby-transformer-remark": "^2.8.14",
-    "gatsby-transformer-sharp": "^2.3.7",
+    "gatsby-transformer-sharp": "^2.5.4",
-    "prismjs": "^1.17.1",
+    "prismjs": "^1.20.0",
-    "react": "^16.12.0",
+    "react": "^16.13.1",
-    "react-dom": "^16.12.0",
+    "react-dom": "^16.13.1",
     "react-helmet": "^5.2.1",
     "react-typography": "^0.16.19",
-    "typeface-merriweather": "0.0.72",
+    "typeface-merriweather": "^0.0.72",
-    "typeface-montserrat": "0.0.75",
+    "typeface-montserrat": "^0.0.75",
     "typography": "^0.16.19",
     "typography-theme-moraga": "^0.16.19",
     "typography-theme-wordpress-2016": "^0.16.19"
   },
   "devDependencies": {
-    "prettier": "^1.19.1"
+    "prettier": "^2.0.5",
+    "eslint": "^7.1.0"
   },
   "keywords": [
     "gatsby"

src/pages/index.js

@@ -49,21 +49,6 @@ class BlogIndex extends React.Component {
 
 export default BlogIndex
 
-/** Matomo tracking */
-var _paq = window._paq || [];
-/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
-_paq.push(['trackPageView']);
-_paq.push(['enableLinkTracking']);
-(function() {
-  var u="//matomo.while-false.de/";
-  _paq.push(['setTrackerUrl', u+'matomo.php']);
-  _paq.push(['setSiteId', '1']);
-  var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
-  g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
-})();
-
-/** End of Matomo tracking */
-
 export const pageQuery = graphql`
   query {
     site {