Cloudflare Developers•2y ago

`generateStaticParams` doesn't work on cloudflare, no?

generateStaticParams

generateStaticParams

doesn't work on cloudflare, no?

© 2026 Hedgehog Software, LLC

More

Communities Docs About Terms Privacy

Soren

SSoren `generateStaticParams` doesn't work on cloudflare, no?

James

J

James•6/11/24, 9:14 PM

it tells you in the next sentence how you can use it

James

JJames it tells you in the next sentence how you can use it

Soren

S

SorenOP•6/11/24, 9:20 PM

Now I get it. Dang. And btw does

/api

/api

route work on Cloudflare? Or will it break?

This is my

api/revalidate/route.ts

api/revalidate/route.ts

import { NextRequest, NextResponse } from "next/server";
import { getPosts } from "@/utils/apis";

export const GET = async (req: NextRequest) => {
    try {
        const posts = await getPosts();
        return NextResponse.json(posts, {status: 200});
    } catch (err: any) {
        return NextResponse.json({error: err.message}, {status: 500});
    }
};

import { NextRequest, NextResponse } from "next/server";
import { getPosts } from "@/utils/apis";

export const GET = async (req: NextRequest) => {
    try {
        const posts = await getPosts();
        return NextResponse.json(posts, {status: 200});
    } catch (err: any) {
        return NextResponse.json({error: err.message}, {status: 500});
    }
};

Soren

SSoren Now I get it. Dang. And btw does `/api` route work on Cloudflare? Or will it bre...

Nob

N

Nob•6/12/24, 1:49 AM

add export const runtime = 'edge'

Soren

S

SorenOP•6/12/24, 1:52 AM

Do I need to add it in every file? @Nob

gerbyzation

G

gerbyzation•6/12/24, 10:52 AM

Is it possible to turn off minification somehow? Attempting to port an existing next app over to cloudflare pages but we're running into some issues and it's not clear where this is originating from

✘ [ERROR] TypeError: Invalid URL string.

      at null.<anonymous>
  (file:///Users/gerbenneven/projects/pages-test-project/.vercel/output/static/_worker.js/__next-on-pages-dist__/functions/[lang].func.js:77:3608)
      at Mt
  (file:///Users/gerbenneven/projects/pages-test-project/.vercel/output/static/_worker.js/__next-on-pages-dist__/functions/[lang].func.js:77:2452)
      at os.request
  (file:///Users/gerbenneven/projects/pages-test-project/.vercel/output/static/_worker.js/__next-on-pages-dist__/functions/[lang].func.js:77:5643)
      at null.<anonymous>
  (file:///Users/gerbenneven/projects/pages-test-project/.vercel/output/static/_worker.js/__next-on-pages-dist__/functions/[lang].func.js:492:641)
      at qs
  (file:///Users/gerbenneven/projects/pages-test-project/.vercel/output/static/_worker.js/__next-on-pages-dist__/functions/[lang].func.js:492:17)
      at GetNavigation
  (file:///Users/gerbenneven/projects/pages-test-project/.vercel/output/static/_worker.js/__next-on-pages-dist__/functions/[lang].func.js:492:634)
      at Vs
  (file:///Users/gerbenneven/projects/pages-test-project/.vercel/output/static/_worker.js/__next-on-pages-dist__/functions/[lang].func.js:492:960)
      at Hs
  (file:///Users/gerbenneven/projects/pages-test-project/.vercel/output/static/_worker.js/__next-on-pages-dist__/functions/[lang].func.js:503:343)
      at qe
  (file:///Users/gerbenneven/projects/pages-test-project/.vercel/output/static/_worker.js/__next-on-pages-dist__/webpack/7918f84a91933fd88af2d7a37e95066f.js:5:501)
      at null.<anonymous>
  (file:///Users/gerbenneven/projects/pages-test-project/.vercel/output/static/_worker.js/__next-on-pages-dist__/webpack/7918f84a91933fd88af2d7a37e95066f.js:9:7888)

✘ [ERROR] TypeError: Invalid URL string.

      at null.<anonymous>
  (file:///Users/gerbenneven/projects/pages-test-project/.vercel/output/static/_worker.js/__next-on-pages-dist__/functions/[lang].func.js:77:3608)
      at Mt
  (file:///Users/gerbenneven/projects/pages-test-project/.vercel/output/static/_worker.js/__next-on-pages-dist__/functions/[lang].func.js:77:2452)
      at os.request
  (file:///Users/gerbenneven/projects/pages-test-project/.vercel/output/static/_worker.js/__next-on-pages-dist__/functions/[lang].func.js:77:5643)
      at null.<anonymous>
  (file:///Users/gerbenneven/projects/pages-test-project/.vercel/output/static/_worker.js/__next-on-pages-dist__/functions/[lang].func.js:492:641)
      at qs
  (file:///Users/gerbenneven/projects/pages-test-project/.vercel/output/static/_worker.js/__next-on-pages-dist__/functions/[lang].func.js:492:17)
      at GetNavigation
  (file:///Users/gerbenneven/projects/pages-test-project/.vercel/output/static/_worker.js/__next-on-pages-dist__/functions/[lang].func.js:492:634)
      at Vs
  (file:///Users/gerbenneven/projects/pages-test-project/.vercel/output/static/_worker.js/__next-on-pages-dist__/functions/[lang].func.js:492:960)
      at Hs
  (file:///Users/gerbenneven/projects/pages-test-project/.vercel/output/static/_worker.js/__next-on-pages-dist__/functions/[lang].func.js:503:343)
      at qe
  (file:///Users/gerbenneven/projects/pages-test-project/.vercel/output/static/_worker.js/__next-on-pages-dist__/webpack/7918f84a91933fd88af2d7a37e95066f.js:5:501)
      at null.<anonymous>
  (file:///Users/gerbenneven/projects/pages-test-project/.vercel/output/static/_worker.js/__next-on-pages-dist__/webpack/7918f84a91933fd88af2d7a37e95066f.js:9:7888)

Soren

SSoren Do I need to add it in every file? <@1048398696460599357>

Nob

N

Nob•6/12/24, 11:52 AM

yes for every page/api that should run on the edge

Nob

N

Nob•6/12/24, 11:53 AM

api should always run on the edge

Soren

SSoren Do I need to add it in every file? <@1048398696460599357>

ItsWendell

I

ItsWendell•6/13/24, 8:01 AM

Actually, just adding it to the root layout worked fine for us, but we don't use API endpoints but a binding to an actual worker.

gerbyzation

Ggerbyzation Is it possible to turn off minification somehow? Attempting to port an existing ...

ItsWendell

I

ItsWendell•6/13/24, 8:08 AM

This error means that somewhere within your SSR code you're probably passing a relative path to an URL constructor

gerbyzation

Ggerbyzation Is it possible to turn off minification somehow? Attempting to port an existing ...

James

J

James•6/13/24, 10:35 AM

--disable-worker-minification

--disable-worker-minification

James

JJames `--disable-worker-minification`

gerbyzation

G

gerbyzation•6/13/24, 11:29 AM

Where do you pass this to? Google shows 0 results searching for this option

gerbyzation

G

gerbyzation•6/13/24, 11:32 AM

Ah sourcegraph is a lifesaver, found it: https://sourcegraph.com/github.com/cloudflare/next-on-pages/-/blob/packages/next-on-pages/src/cli.ts?L47

gerbyzation

G

gerbyzation•6/13/24, 11:35 AM

Are there any tricks to catch uncaught errors, ideally globally somewhere? Some errors don't come with stack traces at all, which makes it a nightmare to track down where they might come from

✘ [ERROR] Uncaught (async) Error: internal error

✘ [ERROR] Uncaught (async) Error: internal error

James

J

James•6/13/24, 12:02 PM

internal errors means something went wrong inside cloudflare pages/workers

James

JJames internal errors means something went wrong inside cloudflare pages/workers

gerbyzation

G

gerbyzation•6/13/24, 1:16 PM

Yeah, but most likely because of some bad input? With the non-descript error + no stack trace it's a needle in a haystack problem. We dumped a ton of try/catch into our app and eventually found something. In a worker it's a bit easier to debug as you can just wrap at the entrypoint and catch any uncaught errors

James

J

James•6/13/24, 1:18 PM

its something going legitimately wrong on cloudflare's end if you get just 'Error: internal error', you will normally need an employee to check if they can see something for the deployment id

gerbyzation

G

gerbyzation•6/13/24, 1:19 PM

Hmm okay, is there anything we can check if this happens locally running with wrangler/workerd?

James

JJames its something going legitimately wrong on cloudflare's end if you get just 'Erro...

gerbyzation

G

gerbyzation•6/13/24, 1:21 PM

We're just running this locally while trying to get it working, haven't setup any deployments yet

James

J

James•6/13/24, 1:54 PM

maybe something throwing an exception in workerd locally

James

JJames maybe something throwing an exception in workerd locally

gerbyzation

G

gerbyzation•6/13/24, 1:58 PM

Nothing visible in the output. I'll hit up our cloudflare support contacts to see if we can get someone from CF to take a look. Thanks for your help!

Ronan Berder

R

Ronan Berder•6/14/24, 2:02 AM

Has anyone done work to optimize the bundle size of their Next.js build?

Ronan Berder

R

Ronan Berder•6/14/24, 2:03 AM

With the App Router, it seems that pretty much everything gets bundled together, regardless of whether it's client or server side.

Sumiya

S

Sumiya•6/14/24, 8:49 AM

Hello everyone, Do you guys build nextjs pages project using nx project.json?

Flox

F

Flox•6/14/24, 1:12 PM

Hey does someone have a good idea for how to set up your API_URL environment variables?

I am currently setting them in my wrangler.toml file and then using getRequestContext().env.API_URL to access them. This works both locally and in deployment for my functions in api/route/..

However when i try to access my apis at ”api/route” (using fetch in my page.tsx component) it works locally but seems to break in production:/

Thanks for any respons!

astrid

A

astrid•6/14/24, 2:09 PM

Is there any way to make some built-in environment variables public?

I'm trying to access

CF_PAGES_BRANCH

CF_PAGES_BRANCH

&

CF_PAGES_URL

CF_PAGES_URL

within a client component for functionality, but I can't seem to access them as

NEXT_PUBLIC_*

NEXT_PUBLIC_*

is not appended.

I've looked into

getRequestContext

getRequestContext

, but that doesn't seem to work for my usecase, as it's only for server-side code.

UPDATE: The solution is using the env config option to map them to

NEXT_PUBLIC_*

NEXT_PUBLIC_*

variables.

zerushinho

Z

zerushinho•6/14/24, 5:03 PM

Hello everyone, everything ok?

I'm working on a project with nextjs 14 and when I upload the project to cloudflare pages. Only one page works in SSR. The others do not load the fetch. Has anyone had this problem and know how to solve it?

Deleted User

DDeleted User i am also getting random 500 error in my next-on-pages , i am also using default...

James

J

James•6/14/24, 5:24 PM

do you get any errors in your deployment logs?

Deleted User

DDeleted User no errors. sometimes it works, sometimes it doesn't its too much unpredictable

James

J

James•6/14/24, 6:32 PM

if you tail your deployment with wrangler or use log stream, you should be able to see logs for the internal server errors

James

J

James•6/15/24, 3:52 PM

wouldnt know what's going on without seeing the full source code

Abdoulaye

A

Abdoulaye•6/15/24, 5:08 PM

Hi, is it possible to modify this page and put a new one?

Abdoulaye

AAbdoulaye Hi, is it possible to modify this page and put a new one?

Hello, I’m Allie!

H

Hello, I’m Allie!•6/15/24, 6:55 PM

If you are on the Pro, Business, or Enterprise plan you can customize and brand these pages for your whole account or for specific domains. You can design custom error pages to appear during a security challenge or when an error occurs.

- Configuring Custom Pages (Error and Challenge)

Cloudflare Docs

Configuring Custom Pages (Error and Challenge) · Cloudflare Support...

Cloudflare uses a wide range of error codes to identify issues in handling request traffic. By default, these error pages mention Cloudflare; however, …

neoney

N

neoney•6/15/24, 8:43 PM

lately ive been getting some weird builds that refer variables that dont exist

neoney

N

neoney•6/15/24, 8:43 PM

they're always called

neoney

N

neoney•6/15/24, 8:44 PM

async__chunk_xxxxx

async__chunk_xxxxx

(5 digits)

neoney

N

neoney•6/15/24, 8:44 PM

gives me stuff like "ReferenceError: async__chunk_24831 is not defined" in prod when i call a server function

neoney

N

neoney•6/15/24, 8:44 PM

is that something known orrr

neoney

N

neoney•6/15/24, 8:45 PM

and the last time i had this happen i solved it by...

neoney

N

neoney•6/15/24, 8:45 PM

randomly renaming the files it was happening in

neoney

N

neoney•6/15/24, 8:46 PM

changing the functions a bit...

neoney

N

neoney•6/15/24, 8:46 PM

so idk

neoney

N

neoney•6/15/24, 8:47 PM

and it works completely fine in next dev mode

import { NextRequest, NextResponse } from "next/server";
import { getPosts } from "@/utils/apis";

export const GET = async (req: NextRequest) => {
    try {
        const posts = await getPosts();
        return NextResponse.json(posts, {status: 200});
    } catch (err: any) {
        return NextResponse.json({error: err.message}, {status: 500});
    }
};

import { NextRequest, NextResponse } from "next/server";
import { getPosts } from "@/utils/apis";

export const GET = async (req: NextRequest) => {
    try {
        const posts = await getPosts();
        return NextResponse.json(posts, {status: 200});
    } catch (err: any) {
        return NextResponse.json({error: err.message}, {status: 500});
    }
};

✘ [ERROR] TypeError: Invalid URL string.

      at null.<anonymous>
  (file:///Users/gerbenneven/projects/pages-test-project/.vercel/output/static/_worker.js/__next-on-pages-dist__/functions/[lang].func.js:77:3608)
      at Mt
  (file:///Users/gerbenneven/projects/pages-test-project/.vercel/output/static/_worker.js/__next-on-pages-dist__/functions/[lang].func.js:77:2452)
      at os.request
  (file:///Users/gerbenneven/projects/pages-test-project/.vercel/output/static/_worker.js/__next-on-pages-dist__/functions/[lang].func.js:77:5643)
      at null.<anonymous>
  (file:///Users/gerbenneven/projects/pages-test-project/.vercel/output/static/_worker.js/__next-on-pages-dist__/functions/[lang].func.js:492:641)
      at qs
  (file:///Users/gerbenneven/projects/pages-test-project/.vercel/output/static/_worker.js/__next-on-pages-dist__/functions/[lang].func.js:492:17)
      at GetNavigation
  (file:///Users/gerbenneven/projects/pages-test-project/.vercel/output/static/_worker.js/__next-on-pages-dist__/functions/[lang].func.js:492:634)
      at Vs
  (file:///Users/gerbenneven/projects/pages-test-project/.vercel/output/static/_worker.js/__next-on-pages-dist__/functions/[lang].func.js:492:960)
      at Hs
  (file:///Users/gerbenneven/projects/pages-test-project/.vercel/output/static/_worker.js/__next-on-pages-dist__/functions/[lang].func.js:503:343)
      at qe
  (file:///Users/gerbenneven/projects/pages-test-project/.vercel/output/static/_worker.js/__next-on-pages-dist__/webpack/7918f84a91933fd88af2d7a37e95066f.js:5:501)
      at null.<anonymous>
  (file:///Users/gerbenneven/projects/pages-test-project/.vercel/output/static/_worker.js/__next-on-pages-dist__/webpack/7918f84a91933fd88af2d7a37e95066f.js:9:7888)

✘ [ERROR] TypeError: Invalid URL string.

      at null.<anonymous>
  (file:///Users/gerbenneven/projects/pages-test-project/.vercel/output/static/_worker.js/__next-on-pages-dist__/functions/[lang].func.js:77:3608)
      at Mt
  (file:///Users/gerbenneven/projects/pages-test-project/.vercel/output/static/_worker.js/__next-on-pages-dist__/functions/[lang].func.js:77:2452)
      at os.request
  (file:///Users/gerbenneven/projects/pages-test-project/.vercel/output/static/_worker.js/__next-on-pages-dist__/functions/[lang].func.js:77:5643)
      at null.<anonymous>
  (file:///Users/gerbenneven/projects/pages-test-project/.vercel/output/static/_worker.js/__next-on-pages-dist__/functions/[lang].func.js:492:641)
      at qs
  (file:///Users/gerbenneven/projects/pages-test-project/.vercel/output/static/_worker.js/__next-on-pages-dist__/functions/[lang].func.js:492:17)
      at GetNavigation
  (file:///Users/gerbenneven/projects/pages-test-project/.vercel/output/static/_worker.js/__next-on-pages-dist__/functions/[lang].func.js:492:634)
      at Vs
  (file:///Users/gerbenneven/projects/pages-test-project/.vercel/output/static/_worker.js/__next-on-pages-dist__/functions/[lang].func.js:492:960)
      at Hs
  (file:///Users/gerbenneven/projects/pages-test-project/.vercel/output/static/_worker.js/__next-on-pages-dist__/functions/[lang].func.js:503:343)
      at qe
  (file:///Users/gerbenneven/projects/pages-test-project/.vercel/output/static/_worker.js/__next-on-pages-dist__/webpack/7918f84a91933fd88af2d7a37e95066f.js:5:501)
      at null.<anonymous>
  (file:///Users/gerbenneven/projects/pages-test-project/.vercel/output/static/_worker.js/__next-on-pages-dist__/webpack/7918f84a91933fd88af2d7a37e95066f.js:9:7888)