How do you guys developing next dynamic router on pages, using runtime = 'edge' ?

Monty•1/21/25, 10:03 AM

Hello, I am deplying my Nextjs app on Cloudflare pages, the dynamic pages with SSR work fine but as I integrate Wagmi (Web3) libraray into the project which wraps the whole app as global configuration. Afterwards I am not able to use fetch or axios to make API requests. Following are the error details:

✘ [ERROR] ReferenceError: XMLHttpRequest is not defined @James

Monty•1/21/25, 10:03 AM

Please note that I have enabled SSR into the Wagmi config, this behaviour is only with Cloudflare pages deployment

Mmajestic How do you guys developing next dynamic router on pages, using runtime = 'edge' ...

Monty•1/21/25, 10:05 AM

export const runtime = "edge";

add this line into your dynamic page file, if this is what you are asking?

majesticOP•1/21/25, 10:07 AM

Yes but when i add this line of code build fails on Deployment command

Monty•1/21/25, 10:07 AM

Did you try local dev and build?

Monty•1/21/25, 10:08 AM

Can you show me the error?

majesticOP•1/21/25, 10:12 AM

Monty•1/21/25, 10:13 AM

Did you try Yarn?

majesticOP•1/21/25, 10:14 AM

yes i tried yarn and bun

majesticOP•1/21/25, 10:15 AM

Can you please share your photo or code of using dynamic router page code ?

Monty•1/21/25, 10:16 AM

sure

Monty•1/21/25, 10:16 AM

@majestic

majesticOP•1/21/25, 10:24 AM

can you please show me next version and deployment command ?

Monty•1/21/25, 10:28 AM

the local dev command is:

npx wrangler pages dev

npx wrangler pages dev

and the command for build is

npx @cloudflare/next-on-pages

npx @cloudflare/next-on-pages

"pages:dev": "npx wrangler pages dev",
"pages:build": "npx @Cloudflare/next-on-pages",
"preview": "npm run pages:build && wrangler pages dev",
"deploy": "npm run pages:build && wrangler pages deploy"

Have you created wranger.tmol file?

majesticOP•1/21/25, 10:30 AM

Yes i deployed it successfully but when i added dynamic routing and also that file includes line of edge, its failing to build

Original message was deleted

Hello, I’m Allie!•1/22/25, 3:22 PM

?crossposting

SuperHelpflare•1/22/25, 3:22 PM

Please do not post your question in multiple channels/post it multiple times per the rules at No Access. It creates confusion for people trying to help you and doesn't get your issue or question solved any faster.

James•1/22/25, 4:34 PM

Are you on the free plan?

James•1/22/25, 4:35 PM

I believe Workers Free has a 10ms limit which will not be sufficient for Next.js

kchro3•1/22/25, 9:54 PM

I have a question about NextJS on Pages. Is it like workers where there is a concurrency limit of 6 outgoing requests at a time?

Kkchro3 I have a question about NextJS on Pages. Is it like workers where there is a con...

Hard@Work•1/22/25, 9:57 PM

Yes, since Pages runs on Workers too

Qalib•1/23/25, 12:34 PM

hey guys, we have reached the limit of Pages Functions bundle size of 25Mib, which prevents us from releasing new features on Cloudflare Pages and blocks the development process. We have requested a limit increase last week, but didn't get a reply. Is there a way to increase this limit?
We are using CF pages Paid plan + Pro plan
Account ID: a8ca576f8d052ec304f234b76fa71044
Deployment ID: 1582ba91-a2f8-4cd4-bd91-0dadf991771e

James•1/23/25, 2:19 PM

I believe 25mb is a hard limit, i.e. can't go above

James•1/23/25, 2:20 PM

You should try and see if there are areas of your app that can be optimized to reduce the bundle size, because 25mb (after deduplication etc.) sounds very big

JJames I believe 25mb is a hard limit, i.e. can't go above

Hello, I’m Allie!•1/23/25, 2:20 PM

Isn’t that for Assets, not Functions?

HHello, I’m Allie!Isn’t that for Assets, not Functions?

James•1/23/25, 2:20 PM

¯\_(ツ)_/¯

James•1/23/25, 2:21 PM

That's just what I remember being told a while ago

HHello, I’m Allie!Isn’t that for Assets, not Functions?

Qalib•1/23/25, 2:25 PM

yup, that's what i thought as well

JJames I believe 25mb is a hard limit, i.e. can't go above

Walshy•1/23/25, 3:35 PM

this.

dex•1/23/25, 4:13 PM

is there a place where i can seew hich nextjs version is compatible with pages?

dex•1/23/25, 4:13 PM

which latest next version i mean

James•1/23/25, 5:22 PM

Only Next.js 14 is officially supported, but I believe people have got Next.js 15 working as well

makisuo•1/25/25, 11:48 PM

I'm also having soem size issue, but at this point have nothing more to optimize it feels like... all dependencies are required. But the page size is keep growing with every new page we add and we are very close to the 25mb again. Are we doing something wrong here?

blocks-getjustd-com.a5358b05-d6b7-4319-a5b7-43bf7978fb98.log118.79KB

Dev•1/26/25, 12:59 PM

does resend email work with next-on-pages?
im getting this error ✘ [ERROR] Failed to send email: ReferenceError: MessageChannel is not defined✘ [ERROR] Failed to send email: ReferenceError: MessageChannel is not defined when called the email sending server action

Dev•1/26/25, 12:59 PM

if it does not, whats the next best method to send email from a cloudflare environment

Mmakisuo I'm also having soem size issue, but at this point have nothing more to optimize...

James•1/26/25, 4:17 PM

109 edge function routes is a heck of a lot. The deduping of webpack chunks is helping massively already taking each route from 600-650kb to 140-180kb. i think you're running into the limit purely just because you have so many routes

Yomisana•1/26/25, 4:21 PM

Hi I have issue about build v2 nodejs version is 18.17.118.17.1 issue about latest nextjs need 18.18.018.18.0
using command create nextjs app of npm create cloudflare@latest -- my-next-app --framework=nextnpm create cloudflare@latest -- my-next-app --framework=next
Cloudflare docs

Cloudflare Docs

Get started | Full-stack (SSR) | Next.js apps · Cloudflare Pages docs

Deploy a full-stack Next.js app to Cloudflare Pages

YYomisana Hi I have issue about build v2 nodejs version is ``18.17.1`` issue about latest ...

Isaac McFadyen•1/26/25, 4:23 PM

Set an environment variable (in the Pages settings) of NODE_VERSIONNODE_VERSION and a value of

JJames 109 edge function routes is a heck of a lot. The deduping of webpack chunks is h...

makisuo•1/26/25, 4:25 PM

We just have a lot of routes yeah.
I have everything as edge runtime right now preventing some of the routes that could be statically rendered to be static.

But as far as i understood it, thats kinda the limitation here. Does this just mean next on pages has a "soft route limit"?