How does nextjs app router work on pages with the caching? Does cloudflare handle converting the ser

How does nextjs app router work on pages with the caching? Does cloudflare handle converting the server-side caching to cache response headers? (plz ping)

DDanTheGoodman How does nextjs app router work on pages with the caching? Does cloudflare handl...

James•12/15/23, 7:25 PM

I'm not sure I understand what you mean when you say "converting the server-side caching to cache response headers". Can you link the part of the Next.js docs you're referring to please?

JJames I'm not sure I understand what you mean when you say "converting the server-side...

DanTheGoodmanOP•12/15/23, 8:32 PM

Yeah sure, https://nextjs.org/docs/app/building-your-application/caching#overview specifically the Data CacheData Cache and Full Route CacheFull Route Cache

DanTheGoodmanOP•12/15/23, 8:35 PM

I assume those 2 are a bit more complex than just special nextjs routes that can be cached

DDanTheGoodman Yeah sure, https://nextjs.org/docs/app/building-your-application/caching#overvie...

James•12/15/23, 8:36 PM

We have an implementation of the Data Cache for fetch requests that uses the Cache API by default and works out of the box (can optionally use KV if you want to). The Full Route Cache sounds like prerendered routes at build time from a quick glance at the docs - in which case we serve those prerenderd files when a request matches it through the routing system, but we don't add any cache headers unless Next.js tells us to

JJames We have an implementation of the Data Cache for fetch requests that uses the Cac...

DanTheGoodmanOP•12/15/23, 8:36 PM

great, thanks!

Nico•12/15/23, 9:00 PM

Hey, is it possible my site is down?

NNico Hey, is it possible my site is down?

Chaika•12/15/23, 9:01 PM

Possible? Maybe, that's too vague
Your site is on Pages? What's the URL? What issue are you getting when accessing it?
There is no currently known issues with Pages atm

CChaika Possible? Maybe, that's too vague Your site is on Pages? What's the URL? What is...

Nico•12/15/23, 9:01 PM

https://programordie.pages.dev/

Chaika•12/15/23, 9:02 PM

It loads but just 404s for me, usually means you put your output directory wrong, if direct uploading you uploaded everything under a folder, etc, or otherwise you're just missing a index.html at root

Nico•12/15/23, 9:03 PM

i'll check that

Nico•12/15/23, 9:03 PM

i tought it was possible a cloudflare issue becouse of

Chaika•12/15/23, 9:04 PM

nah data center maintenance happens all the time, it just means some/all traffic to that location is re-routed. CF has some 300+ PoPs, lots of others to take the traffic instead

Nico•12/15/23, 9:06 PM

I've just created a new employment, and now it works. Im pretty sure i indeed did something wrong when uploading. Thanks for your help, and sorry for being dumb!

danawoodman•12/15/23, 9:11 PM

I'm noticing that CF is requiring me to set an .npmrc.pages file with

//registry.npmjs.org/:_authToken=${NPM_TOKEN}

//registry.npmjs.org/:_authToken=${NPM_TOKEN}

to get private npm packages to install, despite the docs saying it is not needed. I have a valid NPM_TOKEN set in both my envs and building fails without this file and NPM_CONFIG_USERCONFIG set. Removing that file fails the builds, adding it back passes the builds

Bobby Sanders•12/15/23, 9:56 PM

We are getting intermittent 1016s

Bobby Sanders•12/15/23, 9:57 PM

Seems like might be a wider issue with Cloudflare based off twitter

BBobby Sanders Seems like might be a wider issue with Cloudflare based off twitter

itsmatteomanf•12/15/23, 10:02 PM

A little birdie told me it's gonna appear soon on the status page

Iitsmatteomanf A little birdie told me it's gonna appear soon on the status page 🙂

Erisa•12/15/23, 10:03 PM

https://www.cloudflarestatus.com/incidents/z07jsxj4vvzv

Increased rates of HTTP 5xx errors

itsmatteomanf•12/15/23, 10:04 PM

(Sidenote, 1016s are actually HTTP 530, for anyone curious)

Constantin•12/15/23, 10:15 PM

does a page, in contrast with a worker, can be created programaticaly with wrangler ?

Constantin•12/15/23, 10:16 PM

or it has to be created via dashboard?

CConstantin does a page, in contrast with a worker, can be created programaticaly with wrang...

Chaika•12/15/23, 10:20 PM

What do you mean in contrast? Both Pages and Workers can be created via Wrangler
For Pages:
wrangler pages project create
https://developers.cloudflare.com/workers/wrangler/commands/#project-create

Commands - Wrangler · Cloudflare Workers docs

Create, develop, and deploy your Cloudflare Workers with Wrangler commands.

CChaika What do you mean in contrast? Both Pages and Workers can be created via Wrangler...

Hello, I’m Allie!•12/15/23, 10:21 PM

And afaik, you don’t even need to “create” a Pages project. If you begin pushing, it will be created automatically

Constantin•12/15/23, 10:21 PM

oh, great. i had this wrong feeling that only workers can be created via wrangler

Constantin•12/15/23, 10:21 PM

yeap, this is what i'm interested in. to have all config ci/cd based no dashboard interaction

CConstantin yeap, this is what i'm interested in. to have all config ci/cd based no dashboar...

Hello, I’m Allie!•12/15/23, 10:22 PM

Though you can’t configure bindings for Pages via wrangler yet

Constantin•12/15/23, 10:23 PM

aha, good to know. thank you @Hello, I’m Allie!

Constantin•12/15/23, 10:25 PM

when you're saying binding, you're referring only to "kv, ques, r2" right?

Constantin•12/15/23, 10:26 PM

vars, envs and domain name can be configured, right?

CConstantin when you're saying binding, you're referring only to "kv, ques, r2" right?

Hello, I’m Allie!•12/15/23, 10:30 PM

No. The only thing that can be configured via the CLI is the primary branch

Hello, I’m Allie!•12/15/23, 10:30 PM

Everything else is on the dash

Constantin•12/15/23, 10:35 PM

oh ok then

David•12/15/23, 10:47 PM

Hey guys, if i setup correctly the _headers.txt file, should i see them here?

Chaika•12/15/23, 10:50 PM

yes Migrating from Vercel, vercel.json alternative

Constantin•12/15/23, 11:46 PM

i'm running a page, and also created a subdomain for it app.domain.com. all good so far

Constantin•12/15/23, 11:46 PM

now i need to add a subdomain to it: tenant.app.domain.com

Constantin•12/15/23, 11:47 PM

but i'm getting and error (SSL_ERROR_NO_CYPHER_OVERLAP)

Constantin•12/15/23, 11:48 PM

actually, tenant.app.domain.com is a CNAME record for *.app -> app.domain.com

Constantin•12/16/23, 12:12 AM

does the Advanced Certificate Manager is needed to achieve this ?

CConstantin actually, tenant.app.domain.com is a CNAME record for *.app -> app.domain.com

Erisa•12/16/23, 12:15 AM

You cannot add a custom domain to Pages just from the CNAME alone, you HAVE to add the Custom Domain matching in the Pages project settings as well or it will not work.

That said, you cannot currently create wildcard subdomains for Pages projects. You will need to implement a workaround such as as a Worker which proxies back to the Pages project.

Constantin•12/16/23, 12:21 AM

Constantin•12/16/23, 12:21 AM

app is added via pages project as a custom subdomain. the wildcard is added via dns section.

Constantin•12/16/23, 12:22 AM

so you're saying this is not possible not even with Advanced Certificate Manager

CConstantin app is added via pages project as a custom subdomain. the wildcard is added via ...

Erisa•12/16/23, 12:25 AM

Yes and since tenant.app.domain.comtenant.app.domain.com is not a Custom Domain it will never route to the Pages project, even if you issue a certificate. The same for any other subdomain of app, because the matching Custom Domain on the project always has to exist for the full domain being hit, a CNAME like this does not work.

CConstantin so you're saying this is not possible not even with Advanced Certificate Manager

Erisa•12/16/23, 12:25 AM

That is correct if you intend to use a wildcard, yes. You will need to implement a workaround that routes requests via e.g. a Worker.

Constantin•12/16/23, 12:27 AM

i see

Constantin•12/16/23, 12:28 AM

are there any docs i can follow, or a starting point? i'm a bit confused

Constantin•12/16/23, 12:34 AM

i mean not sure how to proxy the request to pages .. it that a redirect?

Erisa•12/16/23, 12:41 AM

Just a basic Worker script that transforms the request to point to somewhere else.

Like (untested)

export default {
  async fetch(request) {
    let url = new URL(request.url)
    url.hostname = "project.pages.dev"
    return fetch(url, request)
  }
}

export default {
  async fetch(request) {
    let url = new URL(request.url)
    url.hostname = "project.pages.dev"
    return fetch(url, request)
  }
}

How does nextjs app router work on pages with the caching? Does cloudflare handle converting the ser

Similar Threads

Similar Threads

Similar Threads