Merge pull request layer5io#496 from Tanuj22/Tanuj22/markdown

feat: add plugin for markdown and a sample blog

Author: leecalcote

Diff for: layer5-ng/gatsby-config.js

@@ -18,13 +18,26 @@ module.exports = {
         offset: -50,
       },
     },
+    {
+      resolve: `gatsby-plugin-mdx`,
+      options: {
+        extensions: [`.mdx`, `.md`],
+      },
+    },
     {
       resolve: `gatsby-source-filesystem`,
       options: {
         name: `images`,
         path: `${__dirname}/src/images`,
       },
     },
+    {
+      resolve: `gatsby-source-filesystem`,
+      options: {
+        path: `${__dirname}/src/posts`,
+        name: `posts`,
+      },
+    },
     `gatsby-transformer-sharp`,
     `gatsby-plugin-sharp`,
     {

Diff for: layer5-ng/gatsby-node.js

@@ -3,6 +3,8 @@
  *
  * See: https://www.gatsbyjs.org/docs/node-apis/
  */
+const { createFilePath } = require(`gatsby-source-filesystem`);
+const path = require(`path`)
 
 // You can delete this file if you're not using it
 // Replacing '/' would result in empty string which is invalid
@@ -19,4 +21,48 @@ exports.onCreatePage = ({ page, actions }) => {
     deletePage(oldPage)
     createPage(page)
   }
-}
+}
+
+exports.createPages = async ({ actions, graphql }) => {
+  const { createPage } = actions;
+  const blogPostTemplate = path.resolve(
+      'src/templates/blog-single.js'
+  );
+  const res = await graphql(`
+    {
+      allMdx {
+        nodes {
+          fields {
+            slug
+          }
+          frontmatter {
+            title
+          }
+        }
+      }
+    }
+  `);
+    const posts = res.data.allMdx.nodes;
+
+    posts.forEach(post => {
+      createPage({
+        path: post.fields.slug,
+        component: blogPostTemplate,
+        context: {
+          slug: post.fields.slug,
+        },
+      })
+    })
+};
+
+exports.onCreateNode = ({ node, actions, getNode }) => {
+  const { createNodeField } = actions
+  if (node.internal.type === `Mdx`) {
+    const value = createFilePath({ node, getNode });
+    createNodeField({
+      name: `slug`,
+      node,
+      value,
+    })
+  }
+};