gatsby-theme-curiousity/src/templates/portfolio-query.ts

The Gatsby theme that builds the portfolio component of my website

import { graphql } from "gatsby";
import PostsPage, { PortfolioListing } from "../components/Portfolio";

export default PostsPage;

export interface PortfolioPageQuery {
  allPortfolioItem: {
    edges: {
      node: PortfolioListing;
    }[];
  };
}

export const query = graphql`
  query CuriousityPortfolioPageQuery {
    allPortfolioItem(sort: { fields: [title] }, limit: 1000) {
      edges {
        node {
          ...CuriousityPortfolioListing
        }
      }
    }
  }
`;