in worker or page? - Cloudflare Developers

© 2026 Hedgehog Software, LLC

More

Communities Docs About Terms Privacy

neoney

N

neoneyOP•4/17/24, 4:57 PM

worker

neoney

Nneoney in worker or page?

Hello, I’m Allie!

H

Hello, I’m Allie!•4/17/24, 4:58 PM

Both maybe? Tbh, I'm still not quite sure what the problem is, but there is an issue for it: https://github.com/cloudflare/workers-sdk/issues/5620

GitHub

🐛 BUG: `getPlatformProxy` DO proxy "undefined" is not a valid JSON ...

Which Cloudflare product(s) does this pertain to? Wrangler core What version(s) of the tool(s) are you using? wrangler@3.50.0 What version of Node are you using? 20 What operating system and versio...

neoney

N

neoneyOP•4/17/24, 4:58 PM

dang it always seems to return 204

neoney

N

neoneyOP•4/17/24, 5:00 PM

ah nvm im a moron

neoney

N

neoneyOP•4/17/24, 5:00 PM

should be simple fix

neoney

N

neoneyOP•4/17/24, 5:00 PM

hell yeah

neoney

N

neoneyOP•4/17/24, 5:00 PM

time to wrap it in some helper function and have locks in critical code

johnkush

J

johnkush•4/17/24, 9:02 PM

Hi, I can't deploy dynamic pages using next-on-pages. Any idea why?
https://github.com/cloudflare/next-on-pages/issues/745

Trying to bump the issue as I'm behind the schedule and the deadlines are evil. Y'll understand NotLikeThis

NotLikeThis

GitHub

[🐛 Bug]: Dynamic Pages / Routes can't deploy to Cloudflare Pages · ...

next-on-pages environment related information Relevant Packages: @cloudflare/next-on-pages: 1.11.0 vercel: N/A next: 14.1.4 Description I'm currently building a website with Next.js 14 and Pris...

naourass

N

naourass•4/18/24, 9:18 AM

When deploying a NextJs site to Cloudflare Pages, are the pre-rendered pages still served via the worker/function, or are they served statically without triggering the worker on each request?

naourass

Nnaourass When deploying a NextJs site to Cloudflare Pages, are the pre-rendered pages sti...

Hello, I’m Allie!

H

Hello, I’m Allie!•4/18/24, 9:25 AM

They are served by the Function. Next.js internally expects to handle every request for a page, unless you make the entire project static

Hello, I’m Allie!

HHello, I’m Allie!They are served by the Function. Next.js internally expects to handle every requ...

naourass

N

naourass•4/18/24, 9:26 AM

Thanks for the clarification

Deo Kumar

D

Deo Kumar•4/18/24, 1:13 PM

It will be very useful if next-on-pages logs the final functions size because most of the deployments are failing due to scripts size limits.

makisuo

M

makisuo•4/18/24, 5:26 PM

00:08:56.974    Detected the following tools from environment: bun@1.1.4, nodejs@18.17.1, npm@9.6.7
00:08:56.975    Installing bun 1.1.4
00:08:57.120    Downloading Bun v1.1.4...
00:08:58.307    Archive:  /tmp/asdf-bun.N6Ve/bun.zip
00:08:59.050      inflating: /opt/buildhome/.asdf/downloads/bun/1.1.4/bun  
00:08:59.115    Installing Bun v1.1.4...
00:08:59.216    Bun v1.1.4 is installed successfully!
00:08:59.714    Installing project dependencies: npm install --progress=false
00:09:06.876    npm ERR! code EUNSUPPORTEDPROTOCOL

00:08:56.974    Detected the following tools from environment: bun@1.1.4, nodejs@18.17.1, npm@9.6.7
00:08:56.975    Installing bun 1.1.4
00:08:57.120    Downloading Bun v1.1.4...
00:08:58.307    Archive:  /tmp/asdf-bun.N6Ve/bun.zip
00:08:59.050      inflating: /opt/buildhome/.asdf/downloads/bun/1.1.4/bun  
00:08:59.115    Installing Bun v1.1.4...
00:08:59.216    Bun v1.1.4 is installed successfully!
00:08:59.714    Installing project dependencies: npm install --progress=false
00:09:06.876    npm ERR! code EUNSUPPORTEDPROTOCOL

For some reason it's installing bun but then running npm install for me?
If I run it locally it uses bun as expected

FelDev

F

FelDev•4/18/24, 6:44 PM

About Next.js' unstable_cache
Is it supposed to work out of the box?

My tests indicate that the cache works, but only as long as a given worker lives.
eg;
request A -> cache miss, puts the data in cache
request B -> cache hit, because it was handled by the same worker
request C -> cache miss, because it was handled by a different worker

I'm surprised to find nothing about unstable_cache in this Discord!
Besides this package, released 5 days ago
https://github.com/hansottowirtz/cloudflare-workers-cache

neoney

N

neoneyOP•4/18/24, 9:53 PM

my page is randomly getting a 1101

neoney

N

neoneyOP•4/18/24, 9:53 PM

...

neoney

N

neoneyOP•4/18/24, 9:54 PM

"message": "The script will never generate a response.",

neoney

N

neoneyOP•4/18/24, 9:54 PM

on GET

neoney

N

neoneyOP•4/18/24, 9:55 PM

from what i see so far all of these are for users on Edge?

neoney

N

neoneyOP•4/18/24, 9:57 PM

might be random

neoney

N

neoneyOP•4/18/24, 10:09 PM

ehh started happening again

neoney

N

neoneyOP•4/18/24, 10:09 PM

chrome this time

neoney

N

neoneyOP•4/18/24, 10:13 PM

doesnt seem regional either

neoney

N

neoneyOP•4/18/24, 10:23 PM

rare but happens

Erik

E

Erik•4/19/24, 1:18 PM

The documentation to get started with durable object it states i need to add binding in settings

Erik

E

Erik•4/19/24, 1:19 PM

except in the settings it refers me back to the documentation

Erik

E

Erik•4/19/24, 2:18 PM

Ok i found out you need te create a sepperate worker project

Erik

E

Erik•4/19/24, 2:18 PM

THEN you can bind it

Georgi Vatsov

G

Georgi Vatsov•4/19/24, 2:23 PM

Hey! I am using a CF worker as a caching layer to my NOP project.
So I am doing a

fetch

fetch

with a custom cache key from my Worker to my NOP. The custom cache key formula is: https://${url.hostname}/${language}/${country}/${deviceType}/${url.pathname}${url.search}https://${url.hostname}/${language}/${country}/${deviceType}/${url.pathname}${url.search}
In my NOP pages I use SSR and I have

fetch

fetch

es to my API that would retrieve some data from the db. I also have Cache Rules for my API endpoints, so they're cached in CF after the first request.
My problem is that whenever I request some-url?test=1some-url?test=1 (

test

test

in this case is just a random variable here, which does not affect the API request or anything other than the custom cache key), I would get it for ~500 ms the first time and when I do a request for some-url?test=2some-url?test=2 I would get it for ~500 ms again. If I refresh any of those I would get it for ~20 ms. I would expect that the test=2test=2 will be already very fast after the test=1test=1 was already executed, because the

test

test

query string parameter is not changing anything for the API request.
Any ideas? Highly appreciated.

Pat Branchaud

P

Pat Branchaud•4/19/24, 7:03 PM

Hey, in a Next.js app running on Cloudflare Workers, what are the trade-offs between accessing a KV namespace directly using getRequestContext().env.MY_KV versus accessing it through a fetch request to the Cloudflare API, considering mostly performance? This api : https://developers.cloudflare.com/api/operations/workers-kv-namespace-read-the-metadata-for-a-key

Cloudflare API Documentation

Interact with Cloudflare's products and services via the Cloudflare API

Pat Branchaud

PPat Branchaud Hey, in a Next.js app running on Cloudflare Workers, what are the trade-offs bet...

Hello, I’m Allie!

H

Hello, I’m Allie!•4/19/24, 7:10 PM

There is also a rate limit on the API(I believe it is 1200 rpm)

FelDev

F

FelDev•4/19/24, 7:16 PM

good point https://developers.cloudflare.com/fundamentals/api/reference/limits/

The global rate limit for the Cloudflare API is 1200 requests per five minutes per user, and applies cumulatively regardless of whether the request is made via the dashboard, API key, or API token.
[...]
Enterprise customers can also contact Cloudflare Support to raise the limit to a higher value.

Hello, I’m Allie!

H

Hello, I’m Allie!•4/19/24, 7:17 PM

Oh, five minutes, nvm

Pat Branchaud

PPat Branchaud Hey, in a Next.js app running on Cloudflare Workers, what are the trade-offs bet...

Chaika

C

Chaika•4/19/24, 8:25 PM

considering mostly performance

If you're considering mostly performance, that api endpoint always goes back to core so it'll be way slower across the board. The KV binding uses cache in the local dc, and then goes to one of the central stores

karim

K

karim•4/20/24, 2:08 AM

my CPU time on my next.js site hosted on cf pages seems high, is this normal? The functions aren't anything complex just the ones that run when initially loading the page. If your curious I had a massive traffic spike on the 15th

Matt

M

Matt•4/20/24, 3:32 AM

anyone have server actions working with a deployed next app? not having any luck

I'm getting a 405

Matt

M

Matt•4/20/24, 3:34 AM

looks like https://github.com/cloudflare/next-on-pages/issues/679

GitHub

[🐛 Bug]: Calling server actions on a static or SSR pages returns 40...

next-on-pages environment related information System: Platform: darwin Arch: arm64 Version: Darwin Kernel Version 23.2.0: Wed Nov 15 21:55:06 PST 2023; root:xnu-10002.61.3~2/RELEASE_ARM64_T6020 CPU...

Matt

M

Matt•4/20/24, 3:34 AM

however when I add

export const runtime = 'edge';

export const runtime = 'edge';

I then get a 404

Matt

M

Matt•4/20/24, 3:37 AM

oh very strange... I had NODE_ENV = production, locally, so i could build using a .env for production before deploying to next ... removing that has it back to a 200 and working but I still need to provide

export const runtime = "edge";

export const runtime = "edge";

on my static page unfortunately

Matt

MMatt oh very strange... I had NODE_ENV = production, locally, so i could build using ...

neoney

N

neoneyOP•4/20/24, 1:16 PM

yes, that is required

karim

Kkarim my CPU time on my next.js site hosted on cf pages seems high, is this normal? Th...

Nob

N

Nob•4/21/24, 12:20 AM

seem like a lot

Nob

N

Nob•4/21/24, 12:22 AM

I have about 30-40ms

neoney

N

neoneyOP•4/21/24, 12:37 AM

how would one handle uploading files to R2 from a next.js server action?

neoney

Nneoney how would one handle uploading files to R2 from a next.js server action?

thanhle

T

thanhle•4/21/24, 1:13 AM

i prefer uploading from client after you get the presignedurl

Mirage

M

Mirage•4/21/24, 1:14 AM

not sure what's happening but I'm deploying my site using next-on-pages on CF, it gives me a preview deployment url, but it actually fails to deploy when I check on CF's end

osa

O

osa•4/21/24, 8:33 AM

I'm trying to get cache headers working for images loaded with custom loader which utilizes the default Cloudflare Image Optimization implementation. These files are served from the public folder (public/imagespublic/images) which by default gets no cache (public, max-age=0, must-revalidatepublic, max-age=0, must-revalidate) and so the optimizer serves them with this header as well.

I've tried to add the following config settings:

{
  async headers() {
    return [
      {
        source: '/cdn-cgi/image/(.*)', // does not work
        headers: [
          {
            key: 'cache-control',
            value: 'public, max-age=14400',
          },
        ],
      },
      {
        source: '/images/(.*)', // does not work
        headers: [
          {
            key: 'cache-control',
            value: 'public, max-age=14400',
          },
        ],
      },
    ];
  },
  images: {
    minimumCacheTTL: 3600, // this does nothing
    loader: 'custom',
    loaderFile: './imageLoader.js',
  },
}

{
  async headers() {
    return [
      {
        source: '/cdn-cgi/image/(.*)', // does not work
        headers: [
          {
            key: 'cache-control',
            value: 'public, max-age=14400',
          },
        ],
      },
      {
        source: '/images/(.*)', // does not work
        headers: [
          {
            key: 'cache-control',
            value: 'public, max-age=14400',
          },
        ],
      },
    ];
  },
  images: {
    minimumCacheTTL: 3600, // this does nothing
    loader: 'custom',
    loaderFile: './imageLoader.js',
  },
}

I also tried adding them to

_headers

_headers

file in the root of the project but they don't seem to get included in the final build.

Only way I've been able to get cache headers working for these files is by modifying ./.vercel/output/static/_headers./.vercel/output/static/_headers after the build by adding this to the end of the generated file:

/images/*
  cache-control: public,max-age=3600

/images/*
  cache-control: public,max-age=3600

Am I missing something or is this the only way to get cache headers working for these images?

Tommerty

T

Tommerty•4/21/24, 10:55 AM

Hey there

I currently have a website on Vercel and the main reason we chose Vercel was due to how easy it was to set up a multi tenant system (we allow our "Pro" users to attach a domain to their profile and it's as simple as letting them point either a root domain to the Vercel IP, or a CNAME to their subdomain (username.website.com)).

I'd like for us to move back to Cloudflare tbh, as I have never been a big fan of Vercels pricing model (even before the recent changes), but I'm stuck at a loss of understanding how we could set something like this up on Cloudflare, as it's quite confusing regarding the "edge certs/client certs/custom hostnames/origin server etc.

Is there any documentation/posts/resources to help point me in the right direction? Right now the routing is just going through the middleware.ts and Vercel pretty much take care of the rest.

TIA!

neoney

N

neoneyOP•4/21/24, 11:55 AM

I believe all you need is a CNAME pointed to your pages subdomain and adding the domain in the project's settings

neoney

N

neoneyOP•4/21/24, 11:55 AM

You can add it using the API too

neoney

N

neoneyOP•4/21/24, 11:55 AM

There's a limit of 500 I believe, and no wildcard support yet

00:08:56.974    Detected the following tools from environment: bun@1.1.4, nodejs@18.17.1, npm@9.6.7
00:08:56.975    Installing bun 1.1.4
00:08:57.120    Downloading Bun v1.1.4...
00:08:58.307    Archive:  /tmp/asdf-bun.N6Ve/bun.zip
00:08:59.050      inflating: /opt/buildhome/.asdf/downloads/bun/1.1.4/bun  
00:08:59.115    Installing Bun v1.1.4...
00:08:59.216    Bun v1.1.4 is installed successfully!
00:08:59.714    Installing project dependencies: npm install --progress=false
00:09:06.876    npm ERR! code EUNSUPPORTEDPROTOCOL

00:08:56.974    Detected the following tools from environment: bun@1.1.4, nodejs@18.17.1, npm@9.6.7
00:08:56.975    Installing bun 1.1.4
00:08:57.120    Downloading Bun v1.1.4...
00:08:58.307    Archive:  /tmp/asdf-bun.N6Ve/bun.zip
00:08:59.050      inflating: /opt/buildhome/.asdf/downloads/bun/1.1.4/bun  
00:08:59.115    Installing Bun v1.1.4...
00:08:59.216    Bun v1.1.4 is installed successfully!
00:08:59.714    Installing project dependencies: npm install --progress=false
00:09:06.876    npm ERR! code EUNSUPPORTEDPROTOCOL

{
  async headers() {
    return [
      {
        source: '/cdn-cgi/image/(.*)', // does not work
        headers: [
          {
            key: 'cache-control',
            value: 'public, max-age=14400',
          },
        ],
      },
      {
        source: '/images/(.*)', // does not work
        headers: [
          {
            key: 'cache-control',
            value: 'public, max-age=14400',
          },
        ],
      },
    ];
  },
  images: {
    minimumCacheTTL: 3600, // this does nothing
    loader: 'custom',
    loaderFile: './imageLoader.js',
  },
}

{
  async headers() {
    return [
      {
        source: '/cdn-cgi/image/(.*)', // does not work
        headers: [
          {
            key: 'cache-control',
            value: 'public, max-age=14400',
          },
        ],
      },
      {
        source: '/images/(.*)', // does not work
        headers: [
          {
            key: 'cache-control',
            value: 'public, max-age=14400',
          },
        ],
      },
    ];
  },
  images: {
    minimumCacheTTL: 3600, // this does nothing
    loader: 'custom',
    loaderFile: './imageLoader.js',
  },
}