BlogTemplate | blog template is meant to help developers | Blog library

I have a GoLang script that is meant to dynamically construct webpages based on an input query in my browser that looks like this http://localhost:8000/blog/post#, the post# portion is what is used to identify which JSON data file to parse into the HTML template I created; for example, if I put http://localhost:8000/blog/post1 then it creates an index.html file from my post1.json file. Currently, my script when run allows me to load a single page in my browser before it exits with the error in my terminal stdout log:

I wonder what I'm doing wrong trying to create previous & next page link in my Gatsby website, below is the bug I'm trying to solve.

when I click the previous or next link instead of going to the requested page it creates the below route which is not suppose to do!

that's if i click previous

as well as in next

my code for Gatsby-node.js as below

I was trying to make two template for my projects details and blog post pages, but due to my lake of experience with Graphql & Gatsby I have managed to make it work for my projects, project details and blog posts but I have a bug which I couldn't find on my blog posts article template makes it not working??

here is my .md front matter

Codesandbox link here.

Any time I try to publish a new blog post using NetlifyCMS, it says it publishes. However my Netlify build fails and doesn't actually push any blog posts live.

Here's the error I get:

I'm setting up a simple blog page on an existing gatsby site, I want the person using netlify cms to be able to upload a thumbnail image for the blog post. I've managed to do so and locate it using graphigl

Now I would like to set it to my blog posts page:

I coult only find one other post on stackoverflow on this question. Any help would be great! I have been following the tutorial here to try to use Gatsby with GraphQL. But I keep getting the error:

ERROR #11322

Your site's "gatsby-node.js" created a page and didn't pass the path to the component.

The page object passed to createPage: { "path": "/blog/technical-seo-with-graphcms", "componenent": "/Users/ela/Yao/Dev/paper-plane-project/src/templates/BlogPosts.js", "context": { "post": { "id": "ckadrcx4g00pw01525c5d2e56", "title": "Technical SEO with GraphCMS", "slug": "technical-seo-with-graphcms", "tags": [ "SEO" ], "author": { "id": "ckadqepn400gv0108p4debydk", "name": "Jesse Martin" } } } }

Here is my gatsby-node.js:

I've created a blog in my first GatsbyJS project, I'm very new to React and Gatsby

The blog itself is working perfectly, I'm pulling in the content through markdown files, but I'm struggling a lot to get the pagination part working.

I have 4 pages blogTemplate (a template for each individual blog post), posts.js (loops through and displays each of the blog posts on a single landing page), blog.js (pulls in all the blog post in an array from the posts page and displays them in cards) and my gatsby-node.js page (which is handling the graphql for the blogs)

Below is a list of all of the files I am usings and at the bottom is some of the plugins I have tried to implement

blogTemplate.js

I've been following this Gatsby tutorial to create pages dynamically based on my CMS's creation of markdown files: https://www.gatsbyjs.org/docs/adding-markdown-pages/

I don't understand how the GraphQL query in the file blogTemplate.js receives the $path variable. I can see that the createPages function in gatsby-node.js creates the page based off the result of its own GraphQL query, and uses the 'path' frontmatter element to choose the URL for the created page.

However, how does that created page know its own path? The query called pageQuery in the tutorial uses the $path variable to source its own data, but I can't see how it receives that variable. Thank you in advance for any explanation.