FetchError: request to https://.../api/v1/projects failed, reason: connect ETIMEDOUT 34.241.115.67:443

What version of Next.js are you using?

^12.0.4

What version of Node.js are you using?

16.13.0

What browser are you using?

Google Chrome

What operating system are you using?

Windows

How are you deploying your application?

next export

Describe the Bug

Getting this error, I don’t really understand why. I really want your help 🙏

My API link: https://mvp4startup-api.herokuapp.com/api/v1/projects

export async function getStaticProps() {
  const res = await fetch(`${server}/api/v1/projects`);
  const projects = await res.json();
  const formations = await fetch(`${server}/api/v1/formations`).then((res) =>
    res.json()
  );
  const businessplans = await fetch(`${server}/api/businessplans`).then((res) =>
    res.json()
  );
  return {
    props: {
      projects,
      formations,
      businessplans,
    },
  };
}

Expected Behavior

I expect to receive data and render it to the page, through props.

To Reproduce

Setup next app (version ^12.0.4) and make a getStaticProps call.

[MonstraG]

this:

export async function getStaticProps() {
	const server = "https://mvp4startup-api.herokuapp.com";
	const res = await fetch(`${server}/api/v1/projects`);
	const projects = await res.json();
	const formations = await fetch(`${server}/api/v1/formations`).then((res) => res.json());
	return {
		props: {
			projects,
			formations
		}
	};
}

works fr me and I can succesfully receive both projects and formations.

Including businessplans gives me FetchError: invalid json response body at https://mvp4startup-api.herokuapp.com/api/businessplans reason: Unexpected end of JSON input

In any case, it doesn’t seem like its an issue with nextjs.

[KennStack01]

just checked using postman here

It works fine, I’ve got the JSON data

But I still got this error while fetching data 😦