Just to save myself any unexpected pain, has anyone added sign up / log in (and/or SSO via Google or

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/...

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

Cloudflare Access?

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

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

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

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

I'd assume lucia auth is probably the most popular

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

https://lucia-auth.com/

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

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

Lucia looks interesting though, thank you!

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...

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

Probably via Zero Trust

SSam Probably via Zero Trust

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...

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

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

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

AshleyOP•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?

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

Is the stack trace

AshleyOP•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...

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...

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

Nope. No response at all

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

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

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

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

emm

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)?

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

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

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

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 !

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

Sstavros-k So my use case is this: We have a bunch of websites, that have some images, eg h...

zach•3/24/24, 3:35 AM

i bet if you have a static pages.dev site with just some images, they probably wouldn't care

zach•3/24/24, 3:35 AM

if its like 100kb of data for an optimized image, and its cached anyways, its like 1e-1000% of CF's network traffic

zach•3/24/24, 3:35 AM

or, just https://tryitands.ee, and if they ask you not to, quit doing it

predaytor•3/24/24, 10:26 AM

Is it possible to integrate Vitest for Cloudflare Pages?

h4rl•3/25/24, 9:53 PM

Does anyone know if it's possible to host preview branch on a specific subdomain?

llobanov•3/26/24, 4:10 AM

I have successfully built my Next.js site but the build errored out due to a 20,000 page limit. Any chance this limit is larger/does not exist on a paid plan? All of my dynamic routes are set to render force-static, hence the page size increases. Thanks!

0xwei_hup•3/26/24, 6:38 AM

i'm curious as to why nextjs and astrojs both uses sharp to optimise images with their Image component but nextjs doesn't work when deployed to cloudflare pages whereas astrojs worked

00xwei_hup i'm curious as to why nextjs and astrojs both uses sharp to optimise images with...

Ray•3/26/24, 6:44 AM

from there doc

RRay from there doc

0xwei_hup•3/26/24, 7:39 AM

ermm i think you got the wrong meaning from my msg

0xwei_hup•3/26/24, 7:40 AM

basically, astrojs image component for optimisation works when deployed to cf pages

0xwei_hup•3/26/24, 7:40 AM

nextjs don't

0xwei_hup•3/26/24, 7:40 AM

sry if there was any confusion

0xwei_hup•3/26/24, 7:41 AM

i'm thinking probably because cf don't use .next/ and uses .vercel/output/static or something

0xwei_hup•3/26/24, 7:41 AM

but not sure

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

Just to save myself any unexpected pain, has anyone added sign up / log in (and/or SSO via Google or

Similar Threads

Similar Threads

Similar Threads