Dynamic pages with GatsbyJS

gatsby-node.js

exports.createPages = async ({ graphql, actions }) => {
	const { createPage } = actions
  
	const wpData = await graphql(`
		{
			allWordpressPost {
				nodes {
					wordpress_id
					slug
					title
					content
					author {
						name
					}
				}
			}
		}
  `)

	if (wpData.errors) {
		console.error(wpData.errors)
	}

	const { allWordpressPost } = wpData.data
	allWordpressPost.nodes.forEach( post => {
		createPage({
			path: `/${post.slug}`,
			component: require.resolve(`./src/templates/post.js`),
			context: { post },
		})
	})
  
}