ivandoric/gatsby-wordpress

Repository for the tutorial series about creating websites using Gatsby.js and WordPress

gatsby-wordpress's Issues

TypeError: can't access property "allWordpressPost", data is undefined

Hi,
I tried your tutorial on LIST-POST, but I get the following error: TypeError: can't access property "allWordpressPost", data is undefined

Here is my code:

import React, { Component } from "react"
import Link from "gatsby"
import PropTypes from "prop-types"

class Actualites extends Component {
	render() {
		const data = this.props.data

		return(
			<div>
				<h1>Posts</h1>

				{data.allWordpressPost.edges.map(({node}) => (
					<div key={node.slug} className={"post"} style={{ marginBottom: 50 }}>
						<Link to={'post/' + node.slug}>
							<h3>{node.title}</h3>
						</Link>

						<div className={"post-content"} dangerouslySetInnerHTML={{__html: node.excerpt}} />

						{node.date}
					</div>
				))}

			</div>
		)
	}
}

Actualites.propTypes = {
	data: PropTypes.object.isRequired,
	edges: PropTypes.array,
}

export default Actualites

export const pageQuery = graphql`
    query postsQuery{
        allWordpressPost{
            edges{
                node{
                    title
                    slug
                    date(formatString: "MMMM DD, YYYY")
                }
            }
        }
    }
`

TypeError: Cannot read property 'allWordpressPage' of undefined

I followed your tutorial and i cant get past this graphql error? Even when i clone your repo, results are same...

custom post types

Hi there,

I do something like this in the component folder - I want to display few news on homepage, dedicated page with all news listing will be on the other page

Why it's not displaying on homepage?

Sidebars from WordPress?

Is there a way that you've found to pull in sidebar data into Gatsby? I've installed a WP REST API Sidebars but it doesn't pull in any of the widget's data. I also tried to pull in data with a custom GraphyQL query, but that didn't help.