javascript - NO_RESPONSE_FROM_FUNCTION NextJS deployment with getServerSideProps

Question

I'm deploying my website on vercel, but I ran into a 502: BAD_GATEWAY NO RESPONSE FROM FUNCTION error when I load a detail page. I'm using getServerSideProps for this. On my localhost, it works perfectly. You can see the code down here:

export async function getServerSideProps(context) {
  const apollo = require('../../lib/apolloClient'); // import client
  var XMLHttpRequest = require('xmlhttprequest').XMLHttpRequest;
  var xhr = new XMLHttpRequest();

  const GET_PROJECT_BY_ID = gql`
    query getProjectById($id: Int!) {
      projects(where: { id: { _eq: $id } }) {
        id
        title    
      }
    }
  `;
  const client = apollo.default(); 

  const { data, error } = await client.query({
    query: GET_PROJECT_BY_ID,
    variables: { id: context.params.id },
  });

  if (!data || error) {
    return {
      notFound: true,
    };
  }
  return { props: { props: data.projects[0] } };
}

I have another page, project overview, where I load all the projects. I use getServerSideProps the same way as I do here and it works over there.

question from:https://stackoverflow.com/questions/65941013/no-response-from-function-nextjs-deployment-with-getserversideprops

Answer 1

Waitting for answers