How to display articles associated with given category (gatsby+strapi)

Questions and Answers
2

I figured it out, wrong query.

category-post.js

import React from "react"
import { graphql } from "gatsby"
import { GatsbyImage, getImage } from "gatsby-plugin-image"
import Layout from "../components/layout"
import BlocksRenderer from "../components/blocks-renderer"
import Seo from "../components/seo"

const CategoryPage = ({ data }) => {

  const category = data.strapiCategory
  const articles = data.strapiArticle

  const seo = {
    metaTitle: category.name,
    metaDescription: category.description,
    //shareImage: article.cover,
  }

  return (
    <Layout as="article">
      <Seo seo={seo} />
      <section className="defaultPost">
        <div class="grid-container">
          <div class="grid-x align-middle">
            <div class="cell defaultHeader">
              <h3>{category.name}</h3>
              <h1>{articles.title}</h1>
            </div>
          </div>
        </div>
      </section>
    </Layout>
  )
}

export const pageQuery = graphql`
  query ($slug: String) {
    strapiCategory(slug: { eq: $slug }) {
      id
      slug
      name
      articles {
       id
       title
       slug
       description
     }
   }
   category: strapiCategory(slug: { eq: $slug }) {
     name
   },
   strapiArticle(category: { slug: { eq: $slug } }) {
     id
     slug
     title
     description
     category {
       name
       id
       slug
     }
     cover {
       alternativeText
       localFile {
         url
         childImageSharp {
           gatsbyImageData
         }
       }
     }
   }
  }
`

export default CategoryPage