gatsby-node.ts

import path from 'path';
import { paginate } from 'gatsby-awesome-pagination';
import type { GatsbyNode } from 'gatsby';

export const createPages: GatsbyNode['createPages'] = async ({
  graphql,
  actions,
}) => {
  const { createPage } = actions;

  const query = await graphql(`
    {
      allContentfulLesson(sort: { createdAt: DESC }) {
        edges {
          node {
            gatsbyPath(filePath: "/lesson/{ContentfulLesson.id}")
            createdAt
            updatedAt
            id
            description {
              raw
            }
            title
            blogImage {
              title
              gatsbyImageData(layout: FULL_WIDTH)
            }
          }
        }
      }
    }
  `);

  //@ts-ignore
  const blogPosts = query?.data?.allContentfulLesson?.edges;

  paginate({
    createPage,
    items: blogPosts,
    itemsPerPage: 4,
    pathPrefix: '/',
    component: path.resolve('./src/templates/blogList.tsx'),
  });
};