refactor(starter): upgrade to new version of gatsby

internal/gatsby/queries/categories-query.ts

@@ -0,0 +1,32 @@
+import { CreatePagesArgs } from "gatsby";
+
+interface CategoriesQueryResult {
+  allMarkdownRemark: {
+    group: Array<{
+      fieldValue: string;
+      totalCount: number;
+    }>;
+  };
+}
+
+const categoriesQuery = async (graphql: CreatePagesArgs["graphql"]) => {
+  const result = await graphql<CategoriesQueryResult>(`
+    {
+      allMarkdownRemark(
+        filter: {
+          frontmatter: { template: { eq: "post" }, draft: { ne: true } }
+        }
+        sort: { order: DESC, fields: [frontmatter___date] }
+      ) {
+        group(field: frontmatter___category) {
+          fieldValue
+          totalCount
+        }
+      }
+    }
+  `);
+
+  return result?.data?.allMarkdownRemark?.group ?? [];
+};
+
+export default categoriesQuery;

internal/gatsby/queries/index.ts

@@ -0,0 +1,5 @@
+export { default as categoriesQuery } from "./categories-query";
+export { default as metadataQuery } from "./metadata-query";
+export { default as postsQuery } from "./posts-query";
+export { default as pagesQuery } from "./pages-query";
+export { default as tagsQuery } from "./tags-query";

internal/gatsby/queries/metadata-query.ts

@@ -0,0 +1,23 @@
+import { CreatePagesArgs } from "gatsby";
+
+interface MetadataQueryResult {
+  site: {
+    siteMetadata: {
+      postsLimit?: number;
+    };
+  };
+}
+
+const metadataQuery = async (graphql: CreatePagesArgs["graphql"]) => {
+  const result = await graphql<MetadataQueryResult>(`
+    query SiteMetaData {
+      site {
+        postsLimit
+      }
+    }
+  `);
+
+  return result?.data?.site.siteMetadata ?? {};
+};
+
+export default metadataQuery;

internal/gatsby/queries/pages-query.ts

@@ -0,0 +1,32 @@
+import { CreatePagesArgs } from "gatsby";
+
+import * as types from "../types";
+
+export interface PagesQueryResult {
+  allMarkdownRemark: {
+    edges?: Array<types.Edge>;
+  };
+}
+
+const pagesQuery = async (graphql: CreatePagesArgs["graphql"]) => {
+  const result = await graphql<PagesQueryResult>(`
+    {
+      allMarkdownRemark(filter: { frontmatter: { draft: { ne: true } } }) {
+        edges {
+          node {
+            frontmatter {
+              template
+            }
+            fields {
+              slug
+            }
+          }
+        }
+      }
+    }
+  `);
+
+  return result?.data?.allMarkdownRemark?.edges ?? [];
+};
+
+export default pagesQuery;

internal/gatsby/queries/posts-query.ts

@@ -0,0 +1,29 @@
+import { CreatePagesArgs } from "gatsby";
+
+import * as types from "../types";
+
+export interface PostsQueryResult {
+  allMarkdownRemark: {
+    edges?: Array<types.Edge>;
+  };
+}
+
+const postsQuery = async (graphql: CreatePagesArgs["graphql"]) => {
+  const result = await graphql<PostsQueryResult>(`
+    {
+      allMarkdownRemark(filter: { frontmatter: { draft: { ne: true } } }) {
+        edges {
+          node {
+            fields {
+              slug
+            }
+          }
+        }
+      }
+    }
+  `);
+
+  return result?.data?.allMarkdownRemark;
+};
+
+export default postsQuery;

internal/gatsby/queries/tags-query.ts

@@ -0,0 +1,31 @@
+import { CreatePagesArgs } from "gatsby";
+
+interface TagsQueryResult {
+  allMarkdownRemark: {
+    group: Array<{
+      fieldValue: string;
+      totalCount: number;
+    }>;
+  };
+}
+
+const tagsQuery = async (graphql: CreatePagesArgs["graphql"]) => {
+  const result = await graphql<TagsQueryResult>(`
+    {
+      allMarkdownRemark(
+        filter: {
+          frontmatter: { template: { eq: "post" }, draft: { ne: true } }
+        }
+      ) {
+        group(field: frontmatter___tags) {
+          fieldValue
+          totalCount
+        }
+      }
+    }
+  `);
+
+  return result?.data?.allMarkdownRemark?.group || [];
+};
+
+export default tagsQuery;