Could someone please review that `_headers` and `_routes.json` are correct for the official Remix +

Could someone please review that

_headers

_headers

and

_routes.json

_routes.json

are correct for the official Remix + Pages template? https://github.com/remix-run/remix/pull/8722/files

GitHub

template(vite-cloudflare): Add _routes.json, _headers and .dev.vars...

Hey, after testing the vite cloudflare template and deployed it I found some minor issues. It took me maybe 2 hours to find out to set Cloudflare settings 'Build output directory'...

Sschmime Could someone please review that `_headers` and `_routes.json` are correct for t...

Erisa•2/27/24, 6:33 PM

Looks good to me

Kiecooboi•2/28/24, 10:24 AM

does anyone use spline to display 3d model in cloudflare pages?
My site will get a reference error on first visit and can be fixed by refreshing the page, it's kinda annoying tho, anyone have a clue about it?

ReferenceError: HowlerGlobal is not defined

ReferenceError: HowlerGlobal is not defined

vas•2/28/24, 1:16 PM

Hi, I am chaining a few pages plugins in my _middleware.ts file as below

import casingMiddleware from '@custom/lowercase-url-midddleware'
import redirectTrailingSlashMiddleware from '@custom/trailing-slash-midddleware'
import headerMiddleware from '@custom/header-midddleware'

export const onRequest = [
  casingMiddleware( {domain: "get value from environment variable"}),
  redirectTrailingSlashMiddleware,
  headerMiddleware
]

import casingMiddleware from '@custom/lowercase-url-midddleware'
import redirectTrailingSlashMiddleware from '@custom/trailing-slash-midddleware'
import headerMiddleware from '@custom/header-midddleware'

export const onRequest = [
  casingMiddleware( {domain: "get value from environment variable"}),
  redirectTrailingSlashMiddleware,
  headerMiddleware
]

One of the plugins need an argument which is available as an environment variable in the pages app. How do I access that environment variable in this? Thanks

_CARDONA_•2/28/24, 5:35 PM

Hello, good afternoon, what happens is that I have the free version and I have the following error:

_CARDONA_•2/28/24, 5:36 PM

I already tried to start it from Windows services but I just get an error too

_CARDONA_•2/28/24, 5:37 PM

help

radu•2/28/24, 7:58 PM

Hey everyone! Is anyone else having problems with the Github integration? Pushing changes in my repository but they are not getting deployed. The action is not even running

karim•2/29/24, 3:14 AM

hey! I'm new to cf pages and just migrated my next.js app from vercel out of anticipation of a large amount of users. I've noticed that for some reason my Pages functions are getting more requests than I expected (roughly 2-3 per page load it seems) and I was wondering if I can somehow see the logs for the pages functions to figure out whats going on

Paolo•2/29/24, 4:51 AM

Is any of you hosting a blog on Pages, and what are you using?

ivxenog•2/29/24, 11:58 AM

how do I associate a git repo to an existing pages site that uses file uploads for deployments?

Iivxenog how do I associate a git repo to an existing pages site that uses file uploads f...

Hello, I’m Allie!•2/29/24, 1:00 PM

You cannot, unfortunately. You need to recreate the project manually

HHello, I’m Allie!You cannot, unfortunately. You need to recreate the project manually

ivxenog•2/29/24, 1:35 PM

okay, I have already deleted and created the project again

Santosh•2/29/24, 3:27 PM

All, lets say I setup a nextjs app on Pages (Full stack) and added a page function to the functions folder (similar to of nextjs API). Once my function finishes (not middle ware, but some real work being done like updates to some database), would i be able to forward to a page in nextjs? I am not really seeing many examples of context.next() that sends it back to another nextjs screen ? (I have seen examples of forwards(?) to static assets using env.ASSETS....). I also find context.next() used in terms of middleware, but cant find reference to how I get back to my UI App without doing a redirect. Effectively, I want response coming from UI App(nextjs), not from a Page function after it does its work.

nick_flux•2/29/24, 3:41 PM

Anyone have any good examples of using wrangler to deploy to pages in a CI environment? Doesn't matter the CI provider, I'm just not finding what I need in the docs, and the CF runners don't have enough ram for our build process

kian•2/29/24, 3:42 PM

You do your own build as usual, and use

wrangler pages deploy ./output

wrangler pages deploy ./output

where

output

output

is the folder where your built assets are.

kian•2/29/24, 3:43 PM

There are flags you need to pass, like the project - the rest can be inherited from Git (branch, commit SHA, etc)

kian•2/29/24, 3:45 PM

https://github.com/cloudflare/pages-action/blob/main/src/index.ts is how

pages-action

pages-action

does it

Kkian You do your own build as usual, and use `wrangler pages deploy ./output` where `...

nick_flux•2/29/24, 3:47 PM

Thanks for the quick reply. I tried that originally, but just realized I specified the wrong directory path, seems to work now. Thanks again!

piffie•2/29/24, 3:49 PM

is there a way to set a preview build to a custom domain? e.g. that the staging branch is linked to staging.xyz.com?

Ppiffie is there a way to set a preview build to a custom domain? e.g. that the staging ...

nick_flux•2/29/24, 3:50 PM

We added a custom domain linked to a branch alias and it seems to work

kian•2/29/24, 3:50 PM

https://developers.cloudflare.com/pages/how-to/custom-branch-aliases/

Cloudflare Docs

Add a custom domain to a branch · Cloudflare Pages docs

In this guide, you will learn how to add a custom domain (staging.example.com) that will point to a specific branch (staging) on your Pages project.

piffie•2/29/24, 4:42 PM

ah yeah - thanks - should have checked if i find something in the docs first...

kian•2/29/24, 4:43 PM

It's not the most polished experience to get it setup but it does work fine once it's done.

piffie•2/29/24, 10:09 PM

is there a way to tell a nuxt pages the environment? tried it with NODE_ENV in the pages settings but it does not care.

akazwz•3/1/24, 2:29 AM

how cloudflare pages set node_compat, i set nodejs_compat flag in dashboard, but it does not work

akazwz•3/1/24, 2:29 AM

and cloudflare worker is normal when set in wrangler.toml

Aakazwz and cloudflare worker is normal when set in wrangler.toml

Isaac McFadyen•3/1/24, 2:34 AM

Wrangler.toml does not apply to Pages.

akazwz•3/1/24, 2:36 AM

yes, and i set that in dashboard, it not working

Isaac McFadyen•3/1/24, 2:44 AM

That's because nodejs_compat is different than node_compat.

nodejs_compat requires you to import from packages that start with

node:

node:

whereas node_compat is a polyfill and allows you to use existing imports but with more limitations on what code you can import.

akazwz•3/1/24, 2:50 AM

but only nodejs_compat can be set in Compatibility flags, node_compat can only set in wrangler.toml with node_compat = true, is this right ?

akazwz•3/1/24, 2:50 AM

that means pages not support node_compat ?

Aakazwz that means pages not support node_compat ?

Chaika•3/1/24, 2:52 AM

Pages doesn't support wrangler.toml except for local dev (which is confusing), and yes, no node_compat support (unless you manually bundle and deploy from wrangler), only nodejs_compat, Isaac explained the difference above.
If you need node_compat, you should probably just be using a Worker

akazwz•3/1/24, 2:55 AM

ok, thank you all. may be i can use worker as service binding for a workaround

akazwz•3/1/24, 2:56 AM

i am using remix vite with cf and that only support pages, so maybe i will use service binding

Fia•3/1/24, 5:43 AM

Hello, i have a question.

So, my CF account get hijacked around a month ago. They changed the email linked to it. I didn't get notification when it happened. 20 days ago i already open ticket to CF service support. They said they will forward it to Trust & Safety Team. But, no news from them about it until now.

Is there any better way to fix this problem?

karim•3/1/24, 8:40 AM

I'm trying to stop pages functions from being invoked for static assets on my next.js app and I'm struggling to get it to work. I've excluded all the routes for static assets in my _routes.json file and put the file in the public folder but still each page view will make 1-4 function requests. Any advice will be greatly appreciated!

Kkarim I'm trying to stop pages functions from being invoked for static assets on my ne...

Hello, I’m Allie!•3/1/24, 8:41 AM

IIRC some of the files that Next.js generates are not in the static directory, so you usually end up with a few requests anyway

karim•3/1/24, 8:42 AM

I see. So it's possible that the functions are ignoring my static assets and the functions are just being invoked by random next.js stuff?

Kkarim I see. So it's possible that the functions are ignoring my static assets and the...

Hello, I’m Allie!•3/1/24, 8:42 AM

Maybe? Check the network tab to see what your site requests when loading

karim•3/1/24, 8:44 AM

there is a lot of next.js stuff but it seems to mostly be in

/_next/static

/_next/static

which I think is ignored by default. the rest of it is either my own static assets that are ignored in my _routes.json file or external assets

karim•3/1/24, 8:45 AM

is there some way to see the logs of the pages functions themselves? so I can see exactly what's invoking it?

karim•3/1/24, 8:45 AM

Here's my routes.json file:

karim•3/1/24, 8:45 AM

{"version":1,"description":"Built with @cloudflare/next-on-pages@1.9.0.","include":["/*"],"exclude":["/_next/static/*", "/public/*", "/favicon.ico", "/fonts/*", "/images/*"]}

{"version":1,"description":"Built with @cloudflare/next-on-pages@1.9.0.","include":["/*"],"exclude":["/_next/static/*", "/public/*", "/favicon.ico", "/fonts/*", "/images/*"]}

Kkarim is there some way to see the logs of the pages functions themselves? so I can se...

Hello, I’m Allie!•3/1/24, 8:47 AM

You can see in https://dash.cloudflare.com/?to=/:account/pages/view/:pages-project/:pages-deployment/functions, then scroll down to

Real Time Logs

Real Time Logs

karim•3/1/24, 8:49 AM

fascinating, just went to that page and the invocation routes looks nothing like my

_routes.json

_routes.json

file

karim•3/1/24, 8:50 AM

am I supposed to put _routes.json in a functions folder?

karim•3/1/24, 8:52 AM

and yeah looking at the logs its triggering requests for

favicon.ico

favicon.ico

fonts/*

fonts/*

, etc

import casingMiddleware from '@custom/lowercase-url-midddleware' import redirectTrailingSlashMiddleware from '@custom/trailing-slash-midddleware' import headerMiddleware from '@custom/header-midddleware' export const onRequest = [ casingMiddleware( {domain: "get value from environment variable"}), redirectTrailingSlashMiddleware, headerMiddleware ]

Could someone please review that `_headers` and `_routes.json` are correct for the official Remix +

Similar Threads

Similar Threads

Similar Threads