NextJS cache/webpack/client-production

Website, Application, Performance
1

Hello everyone!.

Im new at CF and i have some issues when i try to upload a new page.

My project is in NextJS 14, and when i tried to upload to CF it sends me an error message that says Error: Pages only supports files up to 25 Mib in size.
cache/webpack/client-production/0.pack is 26.4 Mib in size

Im trying to solve this for few days but i really cant, i’ve already made some chatgpt solutions like code splitting, lazy load and others, and yeah it helps, cache went from 40+ mib to 26.6 Mib

PD: My last try was to compress this files with brotli, and it deploys, but the page only shows 404 error, so i think that CF isn’t prepare to read some 0.pack.br files like Netlify does.

I went back to netlify while i found a solution to this problem.

image
image997×624 104 KB

4

in my case i set wrong build directory path, by setting this path I got rid of this issue
**Build output directory:** /.vercel/output/static

5

The upload works, but the site isn’t showing, cause we remove the cache folder I think.

image
image845×546 13.1 KB

This is what I get when I open the deploy link.

I’ve tried changing the build directory, and it gives me an error that says that vercel folder doesn’t exist on my project.

The exact message is: “Error: Output directory “.vercel/output/static” not found.”

6

We were using nextjs app router based project.
Here is the documentation which says same