Hello, does Cloudflare Pages support SSR sites? is using a lite node? or full node compatibility? I

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

I

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

)

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

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

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

Can

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)

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

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

Hello, does Cloudflare Pages support SSR sites? is using a lite node? or full node compatibility? I

Similar Threads

Similar Threads

Similar Threads