Creating a Blog with Gatsby

[shehan]

Thank you for the response.

Yea actually what I wanted to do is create a custom component that would list down all blog articles(Page type model) dynamically.
I was able to get the results. I was using the page query method. I had to use the component level query method in order to get the results. Now it looks like this

import React from 'react'
import { Builder } from '@builder.io/react'
import { graphql, useStaticQuery } from 'gatsby'

interface Props {
  backgroundColor: string;
}


const BlogLister = ({
  backgroundColor,
}: Props) => {
  const { allBuilderModels }: any = useStaticQuery(
    graphql`
      query {
        allBuilderModels {
          blogArticle {
            data {
              date
              title
              url
              description
              coverImage
              author
            }
          }
          author {
            data {
              authorName
              photo
            }
            id
          }
        }
      }
    `
  )

 return (
  // list of blog item components based on the above query result
 )
}

New Issue
Now there is a new issue where even though I specify separate templates to each Page model that I have like this

whatever comes first on that object becomes the template for all Page model types. Its pretty weird.