Doing res.end in getServerSideProps hangs http clients like curl, axios, http etc.

What version of Next.js are you using?

12

What version of Node.js are you using?

16

What browser are you using?

Node (Backend issue)

What operating system are you using?

Windows

How are you deploying your application?

Vercel

Describe the Bug

THIS ONLY HAPPENS IN DEV MODE While doing a res.end in getServerSideProps returns correct data to the browser it doesn’t work with http clients like curl

Example

1. Do a res.end in your getServerSideProps code and the run via ‘yarn dev’

export const getServerSideProps = ({res})=>{
  res.setHeader("Content-Type", "text/plain")
  res.write("Hello")
  res.end()
  return { props: {} }

}

1. Try calling this page endpoint via curl eg: curl http://localhost:3000/test-page (Or try via axios via node script) Result: curl/axios just hangs indefinitely trying to fetch this request which doing the same in browser (or axios in a browser) works fine

Expected Behavior

If the response has ended then any http compliant client should be able to resolve the result. But seems the NextJs router doesn’t finish the request for non-browser clients.

To Reproduce

Described in the Bug descr.

[balazsorban44]

Non-React pages are better suited to be served from the /public folder in my opinion. You can generate them at build-time with a script for example.

If that’s not an option/you have more dynamic data, I might suggest creating an API route instead and using a single rewrites rule to clean up the URL. https://nextjs.org/docs/api-reference/next.config.js/rewrites

In any case, I think we should fix the use of res.end() in getServerSideProps(), so thank you for reporting.

[balazsorban44]

This issue has been automatically locked due to no recent activity. If you are running into a similar issue, please create a new issue with the steps to reproduce. Thank you.