diff --git a/gatsby-node.js b/gatsby-node.js
index cb8c5ff7..50c20dca 100755
--- a/gatsby-node.js
+++ b/gatsby-node.js
@@ -68,6 +68,7 @@ exports.createPages = ({ graphql, actions }) => {
                   htmlAst
                   tableOfContents
                   frontmatter {
+                    source
                     title
                     app
                     module
diff --git a/src/templates/MarkdownTemplate.jsx b/src/templates/MarkdownTemplate.jsx
index 1e4eb89b..3101ec46 100644
--- a/src/templates/MarkdownTemplate.jsx
+++ b/src/templates/MarkdownTemplate.jsx
@@ -1,6 +1,7 @@
 import React from 'react'
 import PropTypes from 'prop-types'
 import DocContent from '../components/DocContent'
+import styles from '../components/DocFooter.module.scss'
 import Content from '../components/Content'
 
 export default function MarkdownTemplate({ data }) {
@@ -13,6 +14,15 @@ export default function MarkdownTemplate({ data }) {
         ) : (
           <div>No content present</div>
         )}
+        <footer className={styles.footer}>
+          <a
+            style={{ cursor: 'pointer' }}
+            href={post.frontmatter.source}
+            target="_blank"
+          >
+            View source on Github
+          </a>
+        </footer>
       </Content>
     </>
   )