Can you deploy a Next.JS to CloudFlare Pages thats using both SSR and static SSG?

From what I can find out from the docs, CloudFlare offers two routes to deploy Next.Js, either full-stack or static. For our requirements we have 80% of the pages will be static but 20% will require some API and real-time dynamic content and both would need to be on the same domain / routes.

Could anyone help and confirm if it's possible to deploy on static and use workers for the APi/Dynamic pages on the same deployment?

11luv From what I can find out from the docs, CloudFlare offers two routes to deploy N...

Hello, I’m Allie!•4/15/24, 6:01 PM

Sort of? IIRC you can just not add SSR features to a page when using #next-on-pages, though as I understand it, you will still be billed for functions invocations

1luvOP•4/15/24, 6:03 PM

Thanks @HardlyWorkin' but you deploy as a static-deployment ?

11luv Thanks @HardlyWorkin' but you deploy as a static-deployment ?

Hello, I’m Allie!•4/15/24, 6:03 PM

No, you would deploy the entire thing as an SSR deployment, with some components that don't actually require SSR

1luvOP•4/15/24, 6:07 PM

Don't you then loose all the static site benefits? It's then just a normal full-stack deployment

11luv Don't you then loose all the static site benefits? It's then just a normal full-...

Hello, I’m Allie!•4/15/24, 6:08 PM

Which benefits?

1luvOP•4/15/24, 6:10 PM

Static pages are all pre-generated there are no requests for anything, they are cached so can be served by CDN as static files.

11luv Static pages are all pre-generated there are no requests for anything, they are ...

Hello, I’m Allie!•4/15/24, 6:11 PM

I should note that even with SSR, the pages are still served from the CDN

Hello, I’m Allie!•4/15/24, 6:11 PM

The only downside is that requests are billed

1luvOP•4/15/24, 6:12 PM

but each time they are requested the server is generating the content.

11luv but each time they are requested the server is generating the content.

Hello, I’m Allie!•4/15/24, 6:12 PM

Yes, but that server is also the CDN

Hello, I’m Allie!•4/15/24, 6:13 PM

Every CDN server in the Cloudflare Fleet also runs Pages

1luvOP•4/15/24, 6:23 PM

Then it's just a normal SSR Next.js application, there is no concept of a static files. So in essence you cannot run a mixed deployment. It's either fully static or a normal deployment with SSR.

James•4/15/24, 6:23 PM

You can have routes that are pre-rendered at built time instead of being SSR'd at request-time

James•4/15/24, 6:23 PM

just dont opt them into the edge runtime and it will try to prerender them

1luvOP•4/15/24, 6:25 PM

1luvOP•4/15/24, 6:26 PM

How do you specify which routes are pre-rendered?

JJames You can have routes that are pre-rendered at built time instead of being SSR'd a...

Hello, I’m Allie!•4/15/24, 6:26 PM

Those still invoke Functions tho right?

11luv How do you specify which routes are pre-rendered?

James•4/15/24, 6:27 PM

Just don't opt the route into the edge runtime. Only routes opted into the edge runtime can do SSR on Pages

HHello, I’m Allie!Those still invoke Functions tho right?

James•4/15/24, 6:28 PM

Yes. Every request (prerendered or SSR route) will result in a worker invocation because it goes through the routing system

11luv How do you specify which routes are pre-rendered?

thanhle•4/15/24, 6:28 PM

Dont add the export const runtime = edge to that route, then is is static generated at build time.

James•4/15/24, 6:29 PM

yes

1luvOP•4/15/24, 6:31 PM

So under the Pro tier, you get unlimited static requests, but none of these would be seen as "static requests" ?

11luv So under the Pro tier, you get unlimited static requests, but none of these woul...

Hello, I’m Allie!•4/15/24, 6:33 PM

Even on the Free Tier, you get free unlimited static requests. Though as you pointed out, static pages would still be billed, since they are still served by the NextJS router

1luvOP•4/15/24, 6:50 PM

So how’s this deployment billed if some routes are static and some SSR?

11luv So how’s this deployment billed if some routes are static and some SSR?

Hello, I’m Allie!•4/15/24, 6:51 PM

Every request(other than requests for assets) are billed

1luvOP•4/15/24, 6:52 PM

But if it were pure static deployment it wouldn’t be right?

11luv But if it were pure static deployment it wouldn’t be right?

Hello, I’m Allie!•4/15/24, 6:52 PM

That is correct

1luvOP•4/15/24, 6:56 PM

That’s a shame, CloudFlare seemed perfect but this doesn’t make it a great option.

James•4/15/24, 7:09 PM

still probably cheaper than most of the competitors if you go over the free quota

1luvOP•4/15/24, 7:49 PM

Where’s the pricing as it doesn’t detail this on the pages website?

11luv Where’s the pricing as it doesn’t detail this on the pages website?

Hello, I’m Allie!•4/15/24, 7:50 PM

https://developers.cloudflare.com/pages/functions/pricing/

Cloudflare Docs

Pricing · Cloudflare Pages docs

Requests to your Functions are billed as Cloudflare Workers requests. Workers plans and pricing can be found in the Workers documentation.

James•4/15/24, 9:33 PM

Same as the workers pricing

thanhle•4/15/24, 11:09 PM

Yes it is way more cheaper than other service. And DX is great

1luvOP•4/16/24, 10:24 AM

Thanks I’ll calculate some estimates

1luvOP•4/16/24, 10:27 AM

I have another question maybe someone can help. Is it possible to have two deployments under same TLD so domain.com but one deployment is all static and one is SSR and two routes which dictate when to serve the static deployment and SSG routes without using subdomains ?

Can you deploy a Next.JS to CloudFlare Pages thats using both SSR and static SSG?

Similar Threads

Similar Threads

Similar Threads