gatsby develop change port code example
Example: gatsby port modification
Copygatsby-node.js: copy code to clipboard// Implement the Gatsby API “createPages”. This is called once the// data layer is bootstrapped to let plugins create pages from data.exports.createPages = async ({ graphql, actions, reporter }) => { const { createPage } = actions // Query for markdown nodes to use in creating pages. const result = await graphql( ` { allMarkdownRemark(limit: 1000) { edges { node { frontmatter { path } } } } } ` ) // Handle errors if (result.errors) { reporter.panicOnBuild(`Error while running GraphQL query.`) return } // Create pages for each markdown file. const blogPostTemplate = path.resolve(`src/templates/blog-post.js`) result.data.allMarkdownRemark.edges.forEach(({ node }) => { const path = node.frontmatter.path createPage({ path, component: blogPostTemplate, // In your blog post template's graphql query, you can use pagePath // as a GraphQL variable to query for data from the markdown file. context: { pagePath: path, }, }) })}