Deploy NexJS Site to CloudFlare Pages with Wrangler

Hi
I have a monorepo setup (nx). Because monorepo is not supported by CloudFlare Pages, I would like to deploy the build folder manually using wrangler.

npx wrangler pages deploy ./apps/app-nam --project-name mono-test-01

npx wrangler pages deploy ./apps/app-nam --project-name mono-test-01

This folder includes the ./next/ output folder, as well as a package.json file, with a script, "start", being

npx next start

npx next start

This uploads the files, but the link shows a 404.

Any advice, how can I get the .next folder to run?

Ssimmbiote Hi I have a monorepo setup (nx). Because monorepo is not supported by CloudFlare...

Hello, I’m Allie!•3/15/24, 10:34 AM

Try , or whatever the output folder is named

simmbioteOP•3/15/24, 10:43 AM

Hmm no /output/ folder. The site also uses SSR features (not static).

Ssimmbiote Hmm no /output/ folder. The site also uses SSR features (not static).

Hello, I’m Allie!•3/15/24, 10:53 AM

Are you using ?

simmbioteOP•3/15/24, 10:58 AM

Haven't got next-on-pages working fully with nx yet, but I managed to do it on a test app, by removing nx from the next.config.js file

This now builds successfully, having remvoed nx from next.config.js

I now need to upload "direct upload" using wrangler:

The files get uploaded (see screenshot).
But since it is Direct Upload (not Git connected), seems that CloudFlare does not know to run it as a next app.

It can't be git connected, because it's a monorepo.

Any ideas?

Ssimmbiote Haven't got next-on-pages working fully with nx yet, but I managed to do it on a...

Hello, I’m Allie!•3/15/24, 10:59 AM

You want to deploy

simmbioteOP•3/15/24, 11:03 AM

Interestingly that now shows an error page at least.

I added nodejs_compat compatibility and will now redeploy

simmbioteOP•3/15/24, 11:05 AM

Thanks @HardlyWorkin' that worked for my simple Nextjs app, will now try with a more advanced app in the repo, which has SSR, etc.