add gatsby wrapper

Author: robmorgan

Diff for: .prettierrc

@@ -0,0 +1,7 @@
+{
+  "endOfLine": "lf",
+  "semi": false,
+  "singleQuote": false,
+  "tabWidth": 2,
+  "trailingComma": "es5"
+}

Diff for: gatsby-browser.js

@@ -0,0 +1,10 @@
+/**
+ * Implement Gatsby's Browser APIs in this file.
+ *
+ * See: https://www.gatsbyjs.org/docs/browser-apis/
+ */
+
+// You can delete this file if you're not using it
+require("prismjs/themes/prism-solarizedlight.css");
+require("prismjs/plugins/line-numbers/prism-line-numbers.css");
+require('./src/styles/global.css')

Diff for: gatsby-config.js

@@ -0,0 +1,78 @@
+module.exports = {
+  siteMetadata: {
+    title: `Gatsby Default Starter`,
+    description: `Kick off your next, great Gatsby project with this default starter. This barebones starter ships with the main Gatsby configuration files you might need.`,
+    author: `@gatsbyjs`,
+  },
+  plugins: [
+    `gatsby-plugin-react-helmet`,
+    {
+      resolve: `gatsby-source-filesystem`,
+      options: {
+        name: `images`,
+        path: `${__dirname}/src/images`,
+      },
+    },
+    `gatsby-transformer-sharp`,
+    `gatsby-plugin-sharp`,
+    {
+      resolve: `gatsby-source-filesystem`,
+      options: {
+        path: `${__dirname}/content`,
+        name: "markdown-pages",
+      },
+    },
+    `gatsby-transformer-remark`,
+    {
+      resolve: `gatsby-remark-prismjs`,
+      options: {
+        // Class prefix for <pre> tags containing syntax highlighting;
+        // defaults to 'language-' (eg <pre class="language-js">).
+        // If your site loads Prism into the browser at runtime,
+        // (eg 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 src/layouts/index.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: true,
+        // 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,
+      },
+    },
+    {
+      resolve: `gatsby-plugin-manifest`,
+      options: {
+        name: `gatsby-starter-default`,
+        short_name: `starter`,
+        start_url: `/`,
+        background_color: `#663399`,
+        theme_color: `#663399`,
+        display: `minimal-ui`,
+        icon: `src/images/gatsby-icon.png`, // This path is relative to the root of the site.
+      },
+    },
+    // this (optional) plugin enables Progressive Web App + Offline functionality
+    // To learn more, visit: https://gatsby.dev/offline
+    // 'gatsby-plugin-offline',
+  ],
+}

Diff for: gatsby-node.js

@@ -0,0 +1,79 @@
+/**
+ * Implement Gatsby's Node APIs in this file.
+ *
+ * See: https://www.gatsbyjs.org/docs/node-apis/
+ */
+
+// You can delete this file if you're not using it
+const path = require("path")
+const {
+  createFilePath
+} = require(`gatsby-source-filesystem`)
+
+exports.onCreateNode = ({
+  node,
+  getNode,
+  actions
+}) => {
+  const {
+    createNodeField
+  } = actions
+  // Ensures we are processing only markdown files
+  if (node.internal.type === "MarkdownRemark") {
+    // Use `createFilePath` to turn markdown files in our `data/faqs` directory into `/faqs/slug`
+    const relativeFilePath = createFilePath({
+      node,
+      getNode,
+      basePath: "content/",
+    })
+
+    // Creates new query'able field with name of 'slug'
+    createNodeField({
+      node,
+      name: "slug",
+      value: `${relativeFilePath}`,
+    })
+  }
+}
+
+exports.createPages = ({
+  actions,
+  graphql
+}) => {
+  const {
+    createPage
+  } = actions
+
+  const blogPostTemplate = path.resolve(`src/templates/quickStartTemplate.js`)
+
+  return graphql(`
+    {
+      allMarkdownRemark {
+        edges {
+          node {
+            frontmatter {
+              path
+            }
+            fields {
+              slug
+            }
+          }
+        }
+      }
+    }
+  `).then(result => {
+    if (result.errors) {
+      return Promise.reject(result.errors)
+    }
+
+    result.data.allMarkdownRemark.edges.forEach(({
+      node
+    }) => {
+      createPage({
+        path: node.fields.slug,
+        component: blogPostTemplate,
+        context: {}, // additional data can be passed via context
+      })
+    })
+  })
+}

Diff for: gatsby-ssr.js

@@ -0,0 +1,7 @@
+/**
+ * Implement Gatsby's SSR (Server Side Rendering) APIs in this file.
+ *
+ * See: https://www.gatsbyjs.org/docs/ssr-apis/
+ */
+
+// You can delete this file if you're not using it