Join the Webstudio community

Updated 3 weeks ago

Binding data for blog content

Hi all! I followed the documentation and was able to create a CRM with Hygraph and I thought I had connected things correctly to my site but think I’m missing a step to bind the data. This is what I see when I inspect. I don’t see any data. Could anyone advise?

{
"ok": true,
"data": {
"data": {
"post": null
}
},
"status": 200,
"statusText": ""
}
O
A
20 comments
you don't have any posts
looks like you have nothing in the cms that is published or your gql query is wrong
That was it. Was able to trouble shoot myself where the gql variable was missing. Thanks for jumping in!
Final thing I haven’t gotten down is the site map. I see all my url slugs when I inspect. But I don’t see it on the site map. It all says /undefined/ ? I haven’t published yet, but would that be why or am I missing something else?
can't tell without seeing anything, likely not fetching data or not binding it correctly
yeah, I can't tell from looking at the result to tell what went wrong
you have to share the project itself
you are using Posts.slug but that's wrong you want a collection that will iterate over posts, just like you do it on the posts page and inside that collection you would render an xml node for each post
Attachments
image.png
image.png
Oh so I changed it now to this and that looks good, but I’m missing how to make it dynamic as I start adding to content and show all

system.origin + "/blog/" + Posts.data.data.posts[0].slug
I wrote it above, use collection to iterate over posts, then bind each post. This is how your overview page works as well
OK not sure what I did but it seems to be fixed now. Now I’m looking to do the same on the Blog Hub page using the Collection component

Thanks for your help again!
Oleg, the blog overview seems to be different. I’m able to bring in one blog but it seems to be duplicating across new content cards and I am using the post item query. Is there something I’m missing for this?
you really gotta watch the video we made on hygraph, these things were demonstrated there
That’s what I’m confused about. That section is breezed through and I followed that query and got nothing. I followed the query shared in the template and that worked but it’s not translating from the collection component
  1. fetch data - Resource
  2. bind array from that data on the collection
  3. bind the item from that array inside the collection
I did just that. I’m using collectionitem query in the individual posts
So I actually had this correct the entire time. The issue is the way I designed it where I have the same article repeating +9x and then it does the same for the next article. How would I handle with wanting a different design for the most recent blog and the next 4 blogs and then maintain a standard design for everything else.
E.g. using expressions to set a css variable via html embed to a certain value
Add a reply
Sign up and join the conversation on Discord