Thank you for suggesting `@aws-sdk/client-ses`, it seems that `aws-sdk` (the lib i was using) is old

A

asenpons•3/18/24, 1:32 PM

Hello, does Cloudflare Pages support SSR sites? is using a lite node? or full node compatibility? I saw some posts that users complain that some packages don't work because the less node compatibility.

Aasenpons Hello, does Cloudflare Pages support SSR sites? is using a lite node? or full no...

I

Isaac McFadyen•3/18/24, 1:36 PM

Cloudflare Pages supports SSR, but it's not Node - it's the Cloudflare Workers runtime, which is a lightweight JavaScript runtime that supports a smaller subset of Node features.

I

Isaac McFadyen•3/18/24, 1:36 PM

Quite a few things work, especially with Node.js compatibility mode enabled, but some don't (e.g. there's no filesystem so no

fs

fs

fs

fs)

I

Isaac McFadyen•3/18/24, 1:36 PM

The only way to know for sure is to try it out with your specific use-case.

A

asenpons•3/18/24, 1:40 PM

thank you @Isaac McFadyen

Xx03 Thank you for suggesting `@aws-sdk/client-ses`, it seems that `aws-sdk` (the lib...

J

jensen•3/18/24, 2:21 PM

Yeah been this way for a while. Definitely use the v3 libs

Iits.jcw if I use Origin Rules to rewrite DNS to target a Pages site on a custom domain, ...

M

Marius Gundersen•3/19/24, 10:41 AM

Why not point the domain there directly? What should the custom domain be used for if it doesn't point there?

D

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

I was using git integration, for some reason I needed to use GitHub actions to build my pages project and deploy it using pages action. So I deleted the project and re-created it so I can use assets upload. But when I try to add my custom domain it says:

The hostname is part of a banned domain. This web property cannot be added to Cloudflare at this time. If you are an Enterprise customer, please contact your Customer Success Manager. Otherwise, please email abusereply@cloudflare.com with the name of the web property and a detailed explanation of your association with this web property.

The hostname is part of a banned domain. This web property cannot be added to Cloudflare at this time. If you are an Enterprise customer, please contact your Customer Success Manager. Otherwise, please email abusereply@cloudflare.com with the name of the web property and a detailed explanation of your association with this web property.

The hostname is part of a banned domain. This web property cannot be added to Cloudflare at this time. If you are an Enterprise customer, please contact your Customer Success Manager. Otherwise, please email abusereply@cloudflare.com with the name of the web property and a detailed explanation of your association with this web property.

The hostname is part of a banned domain. This web property cannot be added to Cloudflare at this time. If you are an Enterprise customer, please contact your Customer Success Manager. Otherwise, please email abusereply@cloudflare.com with the name of the web property and a detailed explanation of your association with this web property.

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

C

Chaika•3/19/24, 2:12 PM

Do you have any unpaid/partially paid invoices? iirc the billing migration has been messing with that a bit as well.
Otherwise you'll need to email that abusereply@ address

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

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

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

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

Chaika•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

... and to use

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

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

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

Thank you for suggesting `@aws-sdk/client-ses`, it seems that `aws-sdk` (the lib i was using) is old

Similar Threads