Setting Up Gatsby Blog Hierarchical Url Slug Structure

I am currently using the Gatsby Starter blog (https://github.com/gatsbyjs/gatsby-starter-blog) - I can get this running locally without issue. However I want to change the URL str

Solution 1:

You need to change this line

    createPage({
      path: `/blog${node.fields.slug}`, // this line
      component: blogPost,
      context: {
        slug: post.node.fields.slug,
        previous,
        next,
      },
    })