Do you have any unpaid/partially paid invoices? iirc the billing migration has been messing with tha

CChaika Do you have any unpaid/partially paid invoices? iirc the billing migration has b...

D

Deo Kumar•3/19/24, 2:18 PM

No, I sent an email.
Thank you.

DDeo Kumar No, I sent an email. Thank you.

D

Deo Kumar•3/19/24, 6:57 PM

I didn't get the reply yet, if I don't know the problem how can I fix it. And what if the site was production ready, I may have lost many traffic?

S

squareclamp•3/19/24, 8:23 PM

Anyone know if build caching works with remix projects or if there is way to leverage it unofficially? Its not in the documented frameworks.

J

juanferreras•3/19/24, 10:47 PM

if a domain

example.com

example.com

example.com

example.com is a Cloudflare Zone inside Account ID 1, and a Cloudflare Pages project exists for Account ID 2.

Can

example.com

example.com

example.com

example.com (the apex) be added as a Custom Domain on the Pages project? Or do you need to actually own the zone / have access to the zone for it to work?

W

Walshy•3/19/24, 10:47 PM

Yes but you may need to use the API/Terraform

W

Walshy•3/19/24, 10:48 PM

The UI will not properly see it and will say to move to cf

J

juanferreras•3/19/24, 10:51 PM

hey Walshy! thanks for such a quick response. Got it! That makes sense, didn't know there was an API, that's actually even better

P

Patrick•3/20/24, 3:21 AM

Can someone check my thinking here, I'm a bit confused by how I should configure my

wrangler.toml

wrangler.toml

to account for the fact that I have a Pages app, a production database, and a preview database. The prod and preview DBs are bound to their respective environments via dash app as "DB".

[[d1_databases]]
binding = "DB"
database_id = "014f4d7a-7d36-4c40-ada2-d0015f8a6471"
database_name = "my-db"
migrations_dir = "./functions/database/migrations"
preview_database_id = "406e7298-a837-4451-bec2-a6a229aac08d"
# preview_database_id = "DB"

[[d1_databases]]
binding = "DB"
database_id = "014f4d7a-7d36-4c40-ada2-d0015f8a6471"
database_name = "my-db"
migrations_dir = "./functions/database/migrations"
preview_database_id = "406e7298-a837-4451-bec2-a6a229aac08d"
# preview_database_id = "DB"

[[d1_databases]]
binding = "DB"
database_id = "014f4d7a-7d36-4c40-ada2-d0015f8a6471"
database_name = "my-db"
migrations_dir = "./functions/database/migrations"
preview_database_id = "406e7298-a837-4451-bec2-a6a229aac08d"
# preview_database_id = "DB"

[[d1_databases]]
binding = "DB"
database_id = "014f4d7a-7d36-4c40-ada2-d0015f8a6471"
database_name = "my-db"
migrations_dir = "./functions/database/migrations"
preview_database_id = "406e7298-a837-4451-bec2-a6a229aac08d"
# preview_database_id = "DB"

I'm a bit confused about how this should be configured for local dev. When I run

wrangler pages dev

wrangler pages dev

with the preview_database_id set to my actual previews database id, am I running locally with my previews database remote from the edge?

When I want a miniflare D1 DB local for dev, should I be changing the

wrangler.toml

wrangler.toml

to not have the actual preview_database_id and replace it with just "DB"?

I'm a bit more confused trying to understand the

wrangler pages dev

wrangler pages dev

output about bindings in both scenarios and what these mean:

With the actual ID:

Your worker has access to the following bindings:
- D1 Databases:
  - DB: my-db (406e7298-a837-4451-bec2-a6a229aac08d), Preview: (406e7298-a837-4451-bec2-a6a229aac08d)

Your worker has access to the following bindings:
- D1 Databases:
  - DB: my-db (406e7298-a837-4451-bec2-a6a229aac08d), Preview: (406e7298-a837-4451-bec2-a6a229aac08d)

Your worker has access to the following bindings:
- D1 Databases:
  - DB: my-db (406e7298-a837-4451-bec2-a6a229aac08d), Preview: (406e7298-a837-4451-bec2-a6a229aac08d)

Your worker has access to the following bindings:
- D1 Databases:
  - DB: my-db (406e7298-a837-4451-bec2-a6a229aac08d), Preview: (406e7298-a837-4451-bec2-a6a229aac08d)

With the string "DB":

Your worker has access to the following bindings:
- D1 Databases:
  - DB: my-db (DB), Preview: (DB)

Your worker has access to the following bindings:
- D1 Databases:
  - DB: my-db (DB), Preview: (DB)

Your worker has access to the following bindings:
- D1 Databases:
  - DB: my-db (DB), Preview: (DB)

Your worker has access to the following bindings:
- D1 Databases:
  - DB: my-db (DB), Preview: (DB)

Why are there two listed here? Why are they both the same in the first scenario? Both bindings are set to "DB", and that's how they're referenced in my functions.

I have the impression that my

wrangler.toml

wrangler.toml

is correct because my CI migration

wrangler d1 migrations apply

wrangler d1 migrations apply

with and without

--preview

--preview

--preview

--preview appear to be running on the expected DBs. I'm just still quite a bit confused about how this should be set up for local dev. I could maybe use a separate .toml file for local dev? I could try to remember to change the file each time I want to work locally? Maybe I'm missing something?

T

TreeBeard•3/20/24, 2:14 PM

how do i make
Cache-Control to have these status ? private, max-age=0, no-store, no-cache, must-revalidate, post-check=0, pre-check=0

A

Adi•3/20/24, 11:41 PM

Question, I see a bunch of lines in the recent wrangler release notes on Pages support

wrangler.toml

wrangler.toml

. Is there experimental support for this already? Any docs or tips on how we can use this?

C

Cyb3r-Jak3•3/20/24, 11:54 PM

I don't believe that the wrangler.toml works yet on deploy

W

Walshy•3/21/24, 12:01 AM

^ still in the works

W

Walshy•3/21/24, 12:02 AM

we'll make sure to announce when it's ready to test

A

a_sasin•3/21/24, 2:44 PM

In the docs for pages limits, is the 20 MiB limit per file or per site?

Aa_sasin In the docs for pages limits, is the 20 MiB limit per file or per site?

C

ChaikaOP•3/21/24, 2:47 PM

There's two main limits in that regard:
25 MiB Limit per file/asset, and a max of 20k assets per deployment

CChaika There's two main limits in that regard: 25 MiB Limit per file/asset, and a max o...

A

a_sasin•3/21/24, 2:51 PM

Excellent, thank you. I was worried a portfolio website would very quickly hit limits but that doesn’t seem to be a concern anymore.

L

Leon•3/21/24, 4:21 PM

What's the latest on ImageMagick being added to build system V2? Or was it decided not to include it in the end?

A

Ashley•3/21/24, 4:35 PM

Just to save myself any unexpected pain, has anyone added sign up / log in (and/or SSO via Google or something) to their Cloudflare Pages site? And if so, what did you use? Just trying to save myself re-inventing the wheel. I'd probably use Next.js for the project, but really looking for npm packages that people trust/know work etc.

AAshley Just to save myself any unexpected pain, has anyone added sign up / log in (and/...

H

Hello, I’m Allie!•3/21/24, 4:36 PM

Cloudflare Access?

H

Hello, I’m Allie!•3/21/24, 4:36 PM

The benefit there is that you aren’t billed for unauthed requests

H

Hello, I’m Allie!•3/21/24, 4:36 PM

The downside is that it isn’t really meant as a public auth system, so it can get pricy if you allow just anyone to log in

U

Unsmart•3/21/24, 4:37 PM

I'd assume lucia auth is probably the most popular

U

Unsmart•3/21/24, 4:37 PM

https://lucia-auth.com/

A

Ashley•3/21/24, 4:37 PM

Yeah it'll be client-facing, sorry should have specified

It would be awesome if it was designed to be used for public auth though

A

Ashley•3/21/24, 4:38 PM

Lucia looks interesting though, thank you!

J

JoeDoe•3/21/24, 9:08 PM

How can I password protect a specific route on my website?
example: mydomain.com/admin

JJoeDoe How can I password protect a specific route on my website? example: mydomain.com...

S

Sam•3/21/24, 10:49 PM

Probably via Zero Trust

SSam Probably via Zero Trust

J

JoeDoe•3/22/24, 2:21 PM

Can anyone confirm? I didn't see any such option looking at Zero Trust.
Most posts say you need to do a auth service with workers etc

JJoeDoe Can anyone confirm? I didn't see any such option looking at Zero Trust. Most pos...

H

Hello, I’m Allie!•3/22/24, 2:30 PM

Zero Trust comes with existing support for OAuth providers like Google, GitHub, etc., but if you want your own branded login page, you can use something like Okta

H

Hello, I’m Allie!•3/22/24, 2:30 PM

It’s what I use for https://auth.goalastair.com

A

Ashley•3/22/24, 4:07 PM

I feel like I am losing my mind with Lucia

And definitely doing something stupid, I am developing locally - using

npm create cloudflare@latest

npm create cloudflare@latest

to create a new Next.js project.

I put in all the bits required for Lucia based on their guide, and it all works fine until I need to retrieve the D1 binding. To do that, in a Next.js server action, I use

 getRequestContext().env.DB

getRequestContext().env.DB

 getRequestContext().env.DB

getRequestContext().env.DB... and to use

getRequestContext

getRequestContext

getRequestContext

getRequestContext I need the runtime to be edge. As soon as I add that runtime constant, all hell breaks loose and it complains about

node:crypto

node:crypto

node:crypto

node:crypto etc whenever I do a build. What am I doing that's really dumb?

A

Ashley•3/22/24, 4:08 PM

Module build failed: UnhandledSchemeError: Reading from "node:crypto" is not handled by plugins (Unhandled scheme).

Import trace for requested module:
▲  node:crypto
▲  ./node_modules/oslo/dist/password/scrypt.js
▲  ./node_modules/oslo/dist/password/index.js
▲  ./src/app/sign-up/page.tsx
▲  
▲  ./src/app/sign-up/page.tsx + 30 modules
▲  Unexpected character '@' (1:37)
▲  | const __WEBPACK_NAMESPACE_OBJECT__ = @node-rs/argon2;
▲  while analyzing module external assign "@node-rs/argon2" for concatenation
▲  
▲  > Build failed because of webpack errors

Module build failed: UnhandledSchemeError: Reading from "node:crypto" is not handled by plugins (Unhandled scheme).

Import trace for requested module:
▲  node:crypto
▲  ./node_modules/oslo/dist/password/scrypt.js
▲  ./node_modules/oslo/dist/password/index.js
▲  ./src/app/sign-up/page.tsx
▲  
▲  ./src/app/sign-up/page.tsx + 30 modules
▲  Unexpected character '@' (1:37)
▲  | const __WEBPACK_NAMESPACE_OBJECT__ = @node-rs/argon2;
▲  while analyzing module external assign "@node-rs/argon2" for concatenation
▲  
▲  > Build failed because of webpack errors

Module build failed: UnhandledSchemeError: Reading from "node:crypto" is not handled by plugins (Unhandled scheme).

Import trace for requested module:
▲  node:crypto
▲  ./node_modules/oslo/dist/password/scrypt.js
▲  ./node_modules/oslo/dist/password/index.js
▲  ./src/app/sign-up/page.tsx
▲  
▲  ./src/app/sign-up/page.tsx + 30 modules
▲  Unexpected character '@' (1:37)
▲  | const __WEBPACK_NAMESPACE_OBJECT__ = @node-rs/argon2;
▲  while analyzing module external assign "@node-rs/argon2" for concatenation
▲  
▲  > Build failed because of webpack errors

Module build failed: UnhandledSchemeError: Reading from "node:crypto" is not handled by plugins (Unhandled scheme).

Import trace for requested module:
▲  node:crypto
▲  ./node_modules/oslo/dist/password/scrypt.js
▲  ./node_modules/oslo/dist/password/index.js
▲  ./src/app/sign-up/page.tsx
▲  
▲  ./src/app/sign-up/page.tsx + 30 modules
▲  Unexpected character '@' (1:37)
▲  | const __WEBPACK_NAMESPACE_OBJECT__ = @node-rs/argon2;
▲  while analyzing module external assign "@node-rs/argon2" for concatenation
▲  
▲  > Build failed because of webpack errors

Is the stack trace

A

Ashley•3/22/24, 4:21 PM

Okay I am an idiot, I was importing

oslo/password

oslo/password

oslo/password

oslo/password and trying to use Scrypt from it, and Lucia has its own one that is pure JS

DDeo Kumar I was using git integration, for some reason I needed to use GitHub actions to b...

D

Deo Kumar•3/22/24, 7:25 PM

Please someone help me.
My domain is fineshop.app

_

_pear•3/23/24, 12:04 AM

Pretty sure it's a no, but does anybody know if the Grafana + Cloudflare integration show metrics/logs for Pages deployments?

Iits.jcw did you ever get an answer? struggling with observability of a remix site on Pag...

J

JFSIII•3/23/24, 12:46 AM

Nope. No response at all

W

Walshy•3/23/24, 1:09 AM

There's no ETA right now. Part of the convergence work will be to support tail workers (and have everything supported) but no ETA today

L

ll07•3/23/24, 1:35 PM

Good evening everyone, may I ask who knows why I created the functions directory and placed the JavaScript file, but instead of automatically generating a route, it was treated as a static file NotLikeThis

L

ll07•3/23/24, 1:52 PM

L

ll07•3/23/24, 1:52 PM

emm

K

King•3/23/24, 4:26 PM

Hello, which is the best way to redirect www to domain apex (root)?

KKing Hello, which is the best way to redirect www to domain apex (root)?

C

ChaikaOP•3/23/24, 6:28 PM

https://developers.cloudflare.com/pages/how-to/www-redirect/ using Bulk Redirects (like in that guide) or Dynamic Redirect Rules

Cloudflare Docs

Redirecting www to domain apex · Cloudflare Pages docs

In this guide, you will learn how to redirect the www subdomain to your apex domain (example.com). This is a common question and can be achieved by …

S

stavros-k•3/23/24, 6:39 PM

Hey, I've got few websites that most of them consume a set of common images.
I was thinking of creating a CF page project (eg assets.mydomain.com) that will only host the images (pre-optimized)
And on my other websites I fetch those images from that assets.mydomain.com project.
Would this violate CF ToS? I remember there was something about video, but not sure about images and can't find something with some google foo

S

stavros-k•3/23/24, 6:47 PM

I guess it will fall under the "dipropotional percentage compared to html". So the answer is: Don't do it

S

stavros-k•3/23/24, 8:51 PM

So my use case is this:
We have a bunch of websites, that have some images, eg hero image etc. not much.
Its build on nextjs but we export the site as static. We dont need SSR and the stuff.

We do use some 3rd party exporter for optimizing the images during build, but there are issues (upstream), where aren't easily solved.
On the other hand other frameworks have much better support for optimizing images at build time.

And I had a shower thought, that I could use that framework to deploy a dummy page with all the images I want and fetch them on my other sites.
But, ofcourse this "hack" is just that. Hack

But thanks for mentioning this, I had this on my head as an "image optimizaton" only service.
But I looked again and also supports delivery too.

Now gotta figure the current image fetch count. I dont support it will be that big !

A

Ashley•3/23/24, 9:07 PM

Random Q: were the improvements to local dev for Next.js mentioned anywhere? I had a look at blogs and couldn’t see anything, but versus how it was before, the new getRequestContext / CloudflareEnv is so much better and wondered how I missed it, and if I were CF’d I’d be shouting about this

Do you have any unpaid/partially paid invoices? iirc the billing migration has been messing with tha

Similar Threads

Similar Threads

Similar Threads