Are you using v5 of next-auth, which is currently under next-auth@beta? - Cloudflare Developers

© 2026 Hedgehog Software, LLC

More

Communities Docs About Terms Privacy

James

JJames Are you using v5 of next-auth, which is currently under next-auth@beta?

paulc

P

paulc•4/12/24, 5:13 PM

Yes - next-auth@5.0.0-beta.16 to be exact.

paulc

Ppaulc 👋 does anyone have authjs sample code working using the app/api/auth/[...nexta...

oreq

O

oreq•4/12/24, 8:26 PM

Hi, use this command to see error npx wrangler pages deployment tailnpx wrangler pages deployment tail

oreq

O

oreq•4/12/24, 8:32 PM

Have any of you used next-auth with middleware on next-on-pages without error? I'm trying to do that and everything works good on

npm run dev

npm run dev

but when I try to start it with "preview": "npm run pages:build && wrangler pages dev .vercel/output/static","preview": "npm run pages:build && wrangler pages dev .vercel/output/static", req.auth starts be always null and I don't know why because I don't getting any error.

middleware.ts

import { NextResponse } from "next/server"

import { auth } from "./auth"

export default auth((req) => {
  const isAuth = req.auth // always returning null when it is run on wrangler pages dev

import { NextResponse } from "next/server"

import { auth } from "./auth"

export default auth((req) => {
  const isAuth = req.auth // always returning null when it is run on wrangler pages dev

I use drizzle orm with d1 for database

James

J

JamesOP•4/12/24, 9:09 PM

What is req.auth and why are you trying to modify the request object?

James

J

JamesOP•4/12/24, 9:10 PM

Is what you're trying to do modify the request object in the middleware and trying to access that extra property in a route?

James

JJames What is req.auth and why are you trying to modify the request object?

oreq

O

oreq•4/12/24, 9:44 PM

req.auth is user session and auth((req) => {auth((req) => { is wrapper for middleware from next-auth v5 that looks something like this under the hood

import { NextResponse } from "next/server"

import { auth } from "./auth"

export async function middleware(req: NextResponse) {
  const session = await auth()

import { NextResponse } from "next/server"

import { auth } from "./auth"

export async function middleware(req: NextResponse) {
  const session = await auth()

this code too doesn't give me user session on wrangler pages dev

I'm trying to redirect user based on his session.

James

J

JamesOP•4/12/24, 9:54 PM

ah I've found the syntax in the docs now. interesting, this is the first time I'm seeing it - it looked like something custom at first!

James

J

JamesOP•4/12/24, 9:55 PM

if that's not giving you a user session, I would query whether there is an active user session, or whether something is misconfigured

oreq

Ooreq req.auth is user session and `auth((req) => {` is wrapper for middleware from ne...

thipperz

T

thipperz•4/12/24, 11:44 PM

Is that req: NextResponsereq: NextResponse supposed to be like that? (maybe you meant (req) : NextResponse(req) : NextResponse)

thipperz

T

thipperz•4/12/24, 11:49 PM

my middleware looks like this but I'm not using any adapters:

import { NextResponse } from 'next/server'
import { auth } from './auth'
export default auth((req) => {
    const isAuthenticated = !!req.auth

    if (isAuthenticated && req.nextUrl.pathname.startsWith(/* */)) {

        return NextResponse.redirect(/* */)
    }
})

import { NextResponse } from 'next/server'
import { auth } from './auth'
export default auth((req) => {
    const isAuthenticated = !!req.auth

    if (isAuthenticated && req.nextUrl.pathname.startsWith(/* */)) {

        return NextResponse.redirect(/* */)
    }
})

paulc

Ppaulc Install WSL https://learn.microsoft.com/en-us/windows/wsl/install

Kaze

K

Kaze•4/13/24, 2:32 AM

I already have WSL installed, but when I run the cloudflare cli command on my linux system this message appears: "CMD.EXE was started with this path as the current directory. UNC paths are not allowed.
UNC paths are not allowed. Defaults back to the Windows directory."

Kaze

K

Kaze•4/13/24, 2:33 AM

And everything stays stuck for a few seconds until it continues, but it's as if the command is still running by default in windows

Kaze

K

Kaze•4/13/24, 2:37 AM

because this error: Could not read package.json: Error: ENOENT: no such file or directory, open 'C:\Windows\package.json'

Kaze

K

Kaze•4/13/24, 2:55 AM

Fixed: I need to reinstall node in WSL, otherwise WSL will use the npm installed on Windows and that causes an error

oreq

Ooreq Hi, use this command to see error `npx wrangler pages deployment tail`

paulc

P

paulc•4/13/24, 3:53 AM

Thanks for the tip! wrangler tail tells me I'm missing AUTH_SECRET. However, I put it in the environment using wrangler secret. Am guessing nextjs doesn't know to look there. Any idea on where AUTH_SECRET should be stored on cloudflare pages?

faye

F

faye•4/13/24, 12:37 PM

Heyo!

It seems that using 14.2.1 (so far I know), I am suddenly getting a weird error.
Error: The 'cache' field on 'RequestInitializerDict' is not implemented.Error: The 'cache' field on 'RequestInitializerDict' is not implemented., when googling this, I found some supabase stuff, which I don't use.

However, my code contains a fetch on the page, which is for example:

  const response = await fetch(
    `${process.env.NEXT_PUBLIC_API_URL}/v1/databases/hp_db/collections/userdata/documents`,
    {
      method: 'GET',
      headers: {
        'Content-Type': 'application/json',
        'X-Appwrite-Project': `${process.env.NEXT_PUBLIC_APPWRITE_PROJECT_ID}`,
        'X-Appwrite-Response-Format': '1.4.0',
      },
      cache: 'no-cache',
    }
  )

  const response = await fetch(
    `${process.env.NEXT_PUBLIC_API_URL}/v1/databases/hp_db/collections/userdata/documents`,
    {
      method: 'GET',
      headers: {
        'Content-Type': 'application/json',
        'X-Appwrite-Project': `${process.env.NEXT_PUBLIC_APPWRITE_PROJECT_ID}`,
        'X-Appwrite-Response-Format': '1.4.0',
      },
      cache: 'no-cache',
    }
  )

The issue here, is the

cache

cache

part, if I remove it, it works fine. What's wrong with the no-cache? Is there a reason why it suddenly does not work anymore?

faye

F

faye•4/13/24, 12:40 PM

Using the appwriteappwrite sdk, I am also getting: Error: The 'credentials' field on 'RequestInitializerDict' is not implemented.Error: The 'credentials' field on 'RequestInitializerDict' is not implemented.

faye

F

faye•4/13/24, 12:45 PM

Seems to be the same issue on 14.1.3 :/

oreq

Ooreq Have any of you used next-auth with middleware on next-on-pages without error? I...

oreq

O

oreq•4/13/24, 12:47 PM

I can't get user in api routes in preview too but on local works

Edit:
I added useSecureCookies: process.env.NODE_ENV === "development" ? false : true, useSecureCookies: process.env.NODE_ENV === "development" ? false : true, to next-auth config and now everyting works

oreq

O

oreq•4/13/24, 1:08 PM

it works on deployment but doesn't on local build

faye

Ffaye Heyo! It seems that using 14.2.1 (so far I know), I am suddenly getting a weird...

thanhle

T

thanhle•4/13/24, 1:57 PM

try to use cache:no-store instead.

thanhle

Tthanhle try to use cache:no-store instead.

faye

F

faye•4/13/24, 2:00 PM

Then there's also the appwrite SDK, which looks like this:

thanhle

T

thanhle•4/13/24, 2:02 PM

the reason here Worker detect the cache in the request. if you dont set the cache it will failed.

faye

F

faye•4/13/24, 2:02 PM

But for the appwrite sdk, I get this error: Error: The 'credentials' field on 'RequestInitializerDict' is not implemented.Error: The 'credentials' field on 'RequestInitializerDict' is not implemented.

faye

F

faye•4/13/24, 2:02 PM

Does that still have to do with the cache store?

paulc

Ppaulc Thanks for the tip! wrangler tail tells me I'm missing AUTH_SECRET. However, I p...

paulc

P

paulc•4/13/24, 2:56 PM

Got the issue fixed - boiled down to me thinking I could use $ wrangler secret put to create secrets in cloudflare pages

. My secret for authjs didn't exist in production env. Had to manually add. cc @James

neoney

N

neoney•4/13/24, 3:04 PM

my dev server often times seems to lag behind the actual code after I fix an issue and doesn't wanna work until I restart it

neoney

N

neoney•4/13/24, 3:04 PM

is this known?

neoney

N

neoney•4/13/24, 3:04 PM

how do I fix thi?

Matt

M

Matt•4/13/24, 5:24 PM

hey all, anyone have any experience with using durable objects from within next routes, locally? it doesnt seem like my DO is starting up right, when i attempt to get an id/stub everything is just undefined... I have something like this:

export async function GET(request: NextRequest) {
  const context = getRequestContext();

  let id = context.env.RATE_LIMITER.idFromName(new URL(request.url).pathname);
  const stub = context.env.RATE_LIMITER.get(id);

  console.log({ id, stub });

  return stub.fetch(request);
}

export async function GET(request: NextRequest) {
  const context = getRequestContext();

  let id = context.env.RATE_LIMITER.idFromName(new URL(request.url).pathname);
  const stub = context.env.RATE_LIMITER.get(id);

  console.log({ id, stub });

  return stub.fetch(request);
}

which is just giving me:

{
  id: constructor { name: undefined },
  stub: constructor { name: undefined, id: undefined }
}
 ⨯ Error [TypeError]: Failed to parse URL from [object Request]

{
  id: constructor { name: undefined },
  stub: constructor { name: undefined, id: undefined }
}
 ⨯ Error [TypeError]: Failed to parse URL from [object Request]

Matt

M

Matt•4/13/24, 5:25 PM

if I run the DO seperately with wrangler dev ./thedo.tswrangler dev ./thedo.ts i can hit the DO directly in the browser without any issues

thanhle

Tthanhle try to use cache:no-store instead.

faye

F

faye•4/13/24, 10:40 PM

This does not work FYI

faye

Ffaye Heyo! It seems that using 14.2.1 (so far I know), I am suddenly getting a weird...

James

J

JamesOP•4/14/24, 11:54 AM

are you able to share a reproduction? I wasn't having much luck trying to reproduce it

faye

F

faye•4/14/24, 11:54 AM

Let me see

James

JJames are you able to share a reproduction? I wasn't having much luck trying to reprod...

faye

F

faye•4/14/24, 11:57 AM

Might it be because the GET is in a server action?

faye

F

faye•4/14/24, 11:58 AM

Because it's as simple as:

faye

F

faye•4/14/24, 11:59 AM

(the cache: 'no-cache'cache: 'no-cache' part)

James

J

JamesOP•4/14/24, 1:42 PM

Hmm I haven't tried reproducing it in a server action before, will see if I have some time this evening to try it out

luna

L

luna•4/15/24, 12:36 PM

trying to use @cloudflare/pages-plugin-vercel-og/api@cloudflare/pages-plugin-vercel-og/api and im getting a load of errors like so.

 ⨯ ./node_modules/@cloudflare/pages-plugin-vercel-og/dist/src/api/noto-sans-v27-latin-regular.ttf.bin
Module parse failed: Unexpected character '' (1:0)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
(Source code omitted for this binary file)

 ⨯ ./node_modules/@cloudflare/pages-plugin-vercel-og/dist/src/api/noto-sans-v27-latin-regular.ttf.bin
Module parse failed: Unexpected character '' (1:0)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
(Source code omitted for this binary file)

Pat Branchaud

P

Pat Branchaud•4/15/24, 2:52 PM

Hello everyone! I'm currently migrating our app to Next-on-Pages and we are evaluating using KV instead of firebase. Quick question: I understand that KV bindings can be accessed in a runtime edge component (SSR/Workers). Can these same KV bindings be accessed in a server component (Static Rendering/Node.js) during the build process?

FelDev

F

FelDev•4/16/24, 4:35 PM

About Next.js' 2MB cache limit

Failed to set fetch cache https://foobar.com/data Error: fetch for over 2MB of data can not be cached

There is a discussion in the Next.js repo about it https://github.com/vercel/next.js/discussions/48324
People talk about modifying the hardcoded 2MB limit in node_modules... which I'd rather not do.
Of course, some advise to keep fetch calls under 2MB... but that's not always possible.

One of our API calls returns almost 50MB of data.
I'm wondering how you guys deal with this?

FelDev

F

FelDev•4/16/24, 4:36 PM

If we do increase the hardcoded 2MB limit, will CloudFlare be able to handle it?

neoney

N

neoney•4/17/24, 12:06 AM

changing my app from npm to bun, it's built on github actions... locally builds fine, on github it errors with

▲  Error: Importing "@vercel/next": require() of ES Module /home/runner/work/repo/repo/node_modules/string-width/index.js from /home/runner/work/repo/repo/node_modules/wide-align/align.js not supported.

▲  Error: Importing "@vercel/next": require() of ES Module /home/runner/work/repo/repo/node_modules/string-width/index.js from /home/runner/work/repo/repo/node_modules/wide-align/align.js not supported.

neoney

N

neoney•4/17/24, 12:07 AM

what the heck could that be?

neoney

N

neoney•4/17/24, 12:08 AM

Oh.

neoney

N

neoney•4/17/24, 12:08 AM

https://github.com/oven-sh/bun/issues/7539

GitHub

[package manager]: `string-width` is resolved incorrectly, causing ...

What version of Bun is running? 1.0.15+b3bdf22eb What platform is your computer? Darwin 23.1.0 arm64 arm What steps can reproduce the bug? see isaacs/jackspeak#5 (comment) run vite build What is th...

neoney

N

neoney•4/17/24, 12:08 AM

Bun bug

ANBU

A

ANBU•4/17/24, 9:55 AM

Hey guys, any idea if CF_PAGES_URLCF_PAGES_URL is available in dev? If yes then any idea on how can I access it?

andrea_bhweb

A

andrea_bhweb•4/17/24, 10:21 AM

Hi, I want to statically export most of the pages in my website, but still be able to use server actions, can it be achieved?

andrea_bhweb

Aandrea_bhweb Hi, I want to statically export most of the pages in my website, but still be ab...

Hello, I’m Allie!

H

Hello, I’m Allie!•4/17/24, 10:25 AM

Not with next-on-pages atm

import { NextResponse } from 'next/server'
import { auth } from './auth'
export default auth((req) => {
    const isAuthenticated = !!req.auth

    if (isAuthenticated && req.nextUrl.pathname.startsWith(/* */)) {

        return NextResponse.redirect(/* */)
    }
})

import { NextResponse } from 'next/server'
import { auth } from './auth'
export default auth((req) => {
    const isAuthenticated = !!req.auth

    if (isAuthenticated && req.nextUrl.pathname.startsWith(/* */)) {

        return NextResponse.redirect(/* */)
    }
})

export async function GET(request: NextRequest) {
  const context = getRequestContext();

  let id = context.env.RATE_LIMITER.idFromName(new URL(request.url).pathname);
  const stub = context.env.RATE_LIMITER.get(id);

  console.log({ id, stub });

  return stub.fetch(request);
}

export async function GET(request: NextRequest) {
  const context = getRequestContext();

  let id = context.env.RATE_LIMITER.idFromName(new URL(request.url).pathname);
  const stub = context.env.RATE_LIMITER.get(id);

  console.log({ id, stub });

  return stub.fetch(request);
}

 ⨯ ./node_modules/@cloudflare/pages-plugin-vercel-og/dist/src/api/noto-sans-v27-latin-regular.ttf.bin
Module parse failed: Unexpected character '' (1:0)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
(Source code omitted for this binary file)

 ⨯ ./node_modules/@cloudflare/pages-plugin-vercel-og/dist/src/api/noto-sans-v27-latin-regular.ttf.bin
Module parse failed: Unexpected character '' (1:0)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
(Source code omitted for this binary file)

▲  Error: Importing "@vercel/next": require() of ES Module /home/runner/work/repo/repo/node_modules/string-width/index.js from /home/runner/work/repo/repo/node_modules/wide-align/align.js not supported.

▲  Error: Importing "@vercel/next": require() of ES Module /home/runner/work/repo/repo/node_modules/string-width/index.js from /home/runner/work/repo/repo/node_modules/wide-align/align.js not supported.

  const response = await fetch(
    `${process.env.NEXT_PUBLIC_API_URL}/v1/databases/hp_db/collections/userdata/documents`,
    {
      method: 'GET',
      headers: {
        'Content-Type': 'application/json',
        'X-Appwrite-Project': `${process.env.NEXT_PUBLIC_APPWRITE_PROJECT_ID}`,
        'X-Appwrite-Response-Format': '1.4.0',
      },
      cache: 'no-cache',
    }
  )

  const response = await fetch(
    `${process.env.NEXT_PUBLIC_API_URL}/v1/databases/hp_db/collections/userdata/documents`,
    {
      method: 'GET',
      headers: {
        'Content-Type': 'application/json',
        'X-Appwrite-Project': `${process.env.NEXT_PUBLIC_APPWRITE_PROJECT_ID}`,
        'X-Appwrite-Response-Format': '1.4.0',
      },
      cache: 'no-cache',
    }
  )