Anyone succesfully used Auth0 with Nextjs14 on Pages? ("module not found 'crypto')

Original message was deleted

W

whoami•6/17/24, 9:13 PM

cloudflare pages support edge runtime. Cloudflare support webcrypto, not node.js Crypto

Original message was deleted

W

whoami•6/18/24, 1:05 PM

I see you using Node-client. It's wrong. I think you import from @auth0/nextjs-auth0, you should import from @auth0/nextjs-auth0/edge

Original message was deleted

W

whoami•6/18/24, 9:08 PM

I see on https://github.com/auth0/nextjs-auth0 (edge runtime). Cloudflare Pages uses ONLY edge runtime. Node.js runtime isn't working (crypto, buffer, etc)

GitHub

GitHub - auth0/nextjs-auth0: Next.js SDK for signing in with Auth0

Next.js SDK for signing in with Auth0. Contribute to auth0/nextjs-auth0 development by creating an account on GitHub.

Original message was deleted

W

whoami•6/19/24, 7:52 AM

https://auth0.com/docs/get-started/applications/wildcards-for-subdomains#how-url-evaluation-works

Auth0 Docs

Subdomain URL Placeholders

Describes placeholders, including wildcard and organization placeholders, for subdomains function in application configuration.

P

pandan-panda•1/7/25, 4:20 AM

Hi @snowcode, can you help me understand how you were able to deploy this to cf-pages? I'm trying to set this up using a simple Next.js app I created via

npx create-next-app

npx create-next-app

npx create-next-app

npx create-next-app, but encounter issues after setting up Auth0 when trying to preview.

Issue:

✘ [ERROR] i [LoginHandlerError]: Login handler failed. CAUSE: "secret" is required

[wrangler:inf] GET /api/auth/login 500 Internal Server Error (6ms)

✘ [ERROR] i [LoginHandlerError]: Login handler failed. CAUSE: "secret" is required

[wrangler:inf] GET /api/auth/login 500 Internal Server Error (6ms)

✘ [ERROR] i [LoginHandlerError]: Login handler failed. CAUSE: "secret" is required

[wrangler:inf] GET /api/auth/login 500 Internal Server Error (6ms)

✘ [ERROR] i [LoginHandlerError]: Login handler failed. CAUSE: "secret" is required

[wrangler:inf] GET /api/auth/login 500 Internal Server Error (6ms)

route.ts:

// app/api/auth/[auth0]/route.js
import { handleAuth } from '@auth0/nextjs-auth0/edge';

export const runtime = 'edge';
export const GET = handleAuth();

// app/api/auth/[auth0]/route.js
import { handleAuth } from '@auth0/nextjs-auth0/edge';

export const runtime = 'edge';
export const GET = handleAuth();

// app/api/auth/[auth0]/route.js
import { handleAuth } from '@auth0/nextjs-auth0/edge';

export const runtime = 'edge';
export const GET = handleAuth();

// app/api/auth/[auth0]/route.js
import { handleAuth } from '@auth0/nextjs-auth0/edge';

export const runtime = 'edge';
export const GET = handleAuth();

wrangler.toml

name = "my-app"
 
compatibility_date = "2024-12-23"
compatibility_flags = ["nodejs_compat_v2"]

pages_build_output_dir=".vercel/output/static"

name = "my-app"
 
compatibility_date = "2024-12-23"
compatibility_flags = ["nodejs_compat_v2"]

pages_build_output_dir=".vercel/output/static"

name = "my-app"
 
compatibility_date = "2024-12-23"
compatibility_flags = ["nodejs_compat_v2"]

pages_build_output_dir=".vercel/output/static"

name = "my-app"
 
compatibility_date = "2024-12-23"
compatibility_flags = ["nodejs_compat_v2"]

pages_build_output_dir=".vercel/output/static"

package.json

 "scripts": {
    ...
    "pages:build": "npx @cloudflare/next-on-pages",
    "preview": "npm run pages:build && wrangler pages dev",
    "deploy": "npm run pages:build && wrangler pages deploy"
  },
  "dependencies": {
    ...
    "@auth0/nextjs-auth0": "^3.5.0",
    ...
  },

 "scripts": {
    ...
    "pages:build": "npx @cloudflare/next-on-pages",
    "preview": "npm run pages:build && wrangler pages dev",
    "deploy": "npm run pages:build && wrangler pages deploy"
  },
  "dependencies": {
    ...
    "@auth0/nextjs-auth0": "^3.5.0",
    ...
  },

 "scripts": {
    ...
    "pages:build": "npx @cloudflare/next-on-pages",
    "preview": "npm run pages:build && wrangler pages dev",
    "deploy": "npm run pages:build && wrangler pages deploy"
  },
  "dependencies": {
    ...
    "@auth0/nextjs-auth0": "^3.5.0",
    ...
  },

 "scripts": {
    ...
    "pages:build": "npx @cloudflare/next-on-pages",
    "preview": "npm run pages:build && wrangler pages dev",
    "deploy": "npm run pages:build && wrangler pages deploy"
  },
  "dependencies": {
    ...
    "@auth0/nextjs-auth0": "^3.5.0",
    ...
  },

H

humble-bee•1/8/25, 5:45 PM

@pandan-panda @snowcode
I have a similar issue

Anyone succesfully used Auth0 with Nextjs14 on Pages? ("module not found 'crypto')

Similar Threads

Similar Threads

Similar Threads