I have a Nextjs 13.5.6 (pages) site that gets data from Contentful, it's deployed on Netlify. I am getting server for specific pages on the deployed version. What I find weird is that other pages that also fetch data are working fine.

The pages that are failing work fine on my machine and I am stumped as to where I should be looking. I assumed since it was a server error, it's something to do with how I am getting the data?

The pages that are returning the errors are:
- pages/articles/life.js
- pages/articless/stories.js


The query:

export async function getCatholicismArticles() {
    const query = gql`
        {
            articleCollection(
                order: publishedAt_DESC
                where: { category: { title: "Catholicism" } }
            ) {
                items {
                    title
                    slug
                    excerpt
                    publishedAt
                    category {
                        title
                        categorySlug
                    }
                }
            }
        }
    `;
    return graphQLClient.request(query);
}

The fetch:

`
export async function getStaticProps() {
    const data = await getCatholicismArticles();
    const articles = data.articleCollection.items;
    console.log(articles);

    return {
        props: { articles },
        // depends on users visiting the page
        revalidate: 28800,
    };
}