Merge pull request #1105 from cindyledev/issue-1104

Fixes #1104 fix error in building the frontend

src/frontend/gatsby-node.js

@@ -89,15 +89,15 @@ exports.onPreInit = async function ({ reporter }) {
 exports.createPages = async ({ actions, graphql, reporter }) => {
   const { createPage } = actions;
 
-  const pageTemplate = path.resolve(`src/templates/template.js`);
+  const pageTemplate = require.resolve(`./src/templates/template.js`);
 
   const result = await graphql(`
     {
-      allMarkdownRemark(sort: { order: DESC }, limit: 1000) {
+      allMarkdownRemark(sort: { order: DESC, fields: [frontmatter___slug] }, limit: 1000) {
         edges {
           node {
             frontmatter {
-              path
+              slug
             }
           }
         }
@@ -113,9 +113,11 @@ exports.createPages = async ({ actions, graphql, reporter }) => {
 
   result.data.allMarkdownRemark.edges.forEach(({ node }) => {
     createPage({
-      path: node.frontmatter.path,
+      path: node.frontmatter.slug,
       component: pageTemplate,
-      context: {}, // additional data can be passed via context
+      context: {
+        slug: node.frontmatter.slug,
+      }, // additional data can be passed via context
     });
   });
 };

src/frontend/package.json

@@ -11,7 +11,7 @@
     "apollo-link-http": "1.5.17",
     "dotenv": "8.2.0",
     "eslint-plugin-react-hooks": "3.0.0",
-    "gatsby": "2.20.23",
+    "gatsby": "2.24.23",
     "gatsby-image": "2.3.4",
     "gatsby-plugin-manifest": "2.3.3",
     "gatsby-plugin-material-ui": "2.1.6",

src/frontend/src/markdown-pages/about.md

@@ -1,5 +1,5 @@
 ---
-path: '/about'
+slug: '/about'
 title: 'About'
 ---
 

src/frontend/src/templates/template.js

@@ -161,11 +161,11 @@ Template.propTypes = {
 };
 
 export const pageQuery = graphql`
-  query($path: String!) {
-    markdownRemark(frontmatter: { path: { eq: $path } }) {
+  query($slug: String!) {
+    markdownRemark(frontmatter: { slug: { eq: $slug } }) {
       html
       frontmatter {
-        path
+        slug
         title
       }
     }