nextjs api routes not excepting body more than 1MB

[manjunath-nuveb]

Verify canary release

• I verified that the issue exists in the latest Next.js canary release

Provide environment information

Operating System:
      Platform: darwin
      Arch: arm64
      Version: Darwin Kernel Version 22.5.0: Mon Apr 24 20:53:44 PDT 2023; root:xnu-8796.121.2~5/RELEASE_ARM64_T8103
    Binaries:
      Node: 18.16.0
      npm: 9.8.0
      Yarn: N/A
      pnpm: N/A
    Relevant Packages:
      next: 13.4.10-canary.0
      eslint-config-next: 12.3.4
      react: 18.2.0
      react-dom: 18.2.0
      typescript: 4.9.5
    Next.js Config:
      output: N/A

Which area(s) of Next.js are affected? (leave empty if unsure)

No response

Link to the code that reproduces this issue or a replay of the bug

https://codesandbox.io/s/next-with-api-forked-6cs9k8?file=/pages/api/test.js

To Reproduce

Use the link https://codesandbox.io/s/next-with-api-forked-6cs9k8?file=/pages/api/test.js to reproduce

Describe the Bug

I am trying to build a react image uploader application with nextjs api routes.

API is throwing error whenever the request body size is more than 1MB

tried the following config, still not working
export const config = { api: { bodyParser: { sizeLimit: "25mb", }, }, }

Expected Behavior

API should be able to handle any request body size

Which browser are you using? (if relevant)

No response

How are you deploying your application? (if relevant)

No response

[AlexApiko]

Even more, it says "export const config" in ... is deprecated. Please change "runtime" property to segment export config. See https://nextjs.org/docs/app/api-reference/file-conventions/route-segment-config

But there is no options to extend request body size limit.

[DaX-523]

Well unfortunately, it's because how next.js works that even after you configure the API the maximum size of the uploaded file accepted will be 4mb. If you really want bigger files in size to be accepted you should consider storing those assets in a dedicated media host or make your own API to handle these events, like in Express, that will give you more control over it.

See https://vercel.com/guides/how-to-bypass-vercel-body-size-limit-serverless-functions

[shuding]

Please take a look at this option:

https://nextjs.org/docs/pages/building-your-application/routing/api-routes#custom-config

[manjunath-nuveb]

@shuding I tried the options mentioned there, but it does not work.

[shuding]

@manjunath-nuveb I just downloaded your sandbox and verified that it works locally. It errors on the CodeSandbox website because of they have a body size limit (as you can see that error came from Nginx).

Note that book.pdf is ~10MB.

[luisjuniorj]

Please take a look at this option:

https://nextjs.org/docs/pages/building-your-application/routing/api-routes#custom-config

• warn export const config in "" is deprecated. Please change runtime property to segment export config. See https://nextjs.org/docs/app/api-reference/file-conventions/route-segment-config

[luisjuniorj]

The test provided is cleary in pages api, on routes api, there is no documentation on how to increase upload body size limit.

Is there any workaround?

[github-actions]

This closed issue has been automatically locked because it had no new activity for a month. If you are running into a similar issue, please create a new issue with the steps to reproduce. Thank you.