Note that this only applies when using `wrangler pages dev`. If you are using `next dev`, then Bindi

HHello, I’m Allie!Note that this only applies when using `wrangler pages dev`. If you are using `n...

B

Befus•1/30/24, 10:08 AM

If you use cf bindings proxy it fixes that aswell I believe, atleast thats how I do it

BBefus If you use cf bindings proxy it fixes that aswell I believe, atleast thats how I...

H

Hello, I’m Allie!OP•1/30/24, 10:10 AM

Yeah, that. Though, that doesn't require a

wrangler.toml

wrangler.toml

H

Hello, I’m Allie!OP•1/30/24, 10:10 AM

You can pass bindings via the command line

B

Befus•1/30/24, 10:12 AM

Ah didnt know

JJames Would something like react-error-boundary help here perhaps?

S

sathoro•1/30/24, 4:21 PM

strangely I cannot get the ErrorBoundary to work at all, I tried that library and Sentry's one too

J

James•1/30/24, 5:27 PM

Bizarre

JJames Bizarre

S

sathoro•1/30/24, 5:38 PM

ok turns out most errors just don't even work with error boundaries. but even when I can trigger it, the Sentry one doesn't even log the exception!

M

mohamed.adham•1/30/24, 6:41 PM

Hey,

M

mohamed.adham•1/30/24, 6:41 PM

When I deploy my KV worker it doesn't read from the storage and give me null as response

M

mohamed.adham•1/30/24, 6:42 PM

Is there any missed configuration ?

M

mohamed.adham•1/30/24, 6:43 PM

How to solve that ?

D

dev.Mohamed•1/30/24, 7:08 PM

Ddev.Mohamed Click to see attachment

H

Hello, I’m Allie!OP•1/30/24, 7:09 PM

This would probably be a question for workers-and-pages-discussions.

R

ridwanpandi•1/31/24, 3:20 AM

hello everyone, I want to ask about ftp configuration always on, where is should be I ask on? thank you!

J

James•1/31/24, 8:53 AM

Try the general help channel perhaps

JJames read the full build log and see if there are any other issues

M

Morgan•1/31/24, 10:43 PM

I found this:

    ⚡️ The project is set up for pnpm but it is currently being run via npm this might lead to build errors, please be sure to use the same package manager your project uses when running @cloudflare/next-on-pages

    ⚡️ The project is set up for pnpm but it is currently being run via npm this might lead to build errors, please be sure to use the same package manager your project uses when running @cloudflare/next-on-pages

    ⚡️ The project is set up for pnpm but it is currently being run via npm this might lead to build errors, please be sure to use the same package manager your project uses when running @cloudflare/next-on-pages

    ⚡️ The project is set up for pnpm but it is currently being run via npm this might lead to build errors, please be sure to use the same package manager your project uses when running @cloudflare/next-on-pages

Is it compatible with pnpm?

JJames read the full build log and see if there are any other issues

M

Morgan•1/31/24, 10:45 PM

Also, this:

22:43:28.203    ▲  Build Completed in .vercel/output [1m]
22:43:28.315    ⚡️ Completed `npx vercel build`.
22:43:30.081    ⚡️ Unexpected error: ENOENT: no such file or directory, copyfile '/opt/buildhome/repo/.vercel/output/functions/og.func/wasm/wasm_a7e702bc5ba9227243abda7977c8096f59478d3f.wasm' -> '/opt/buildhome/repo/.vercel/output/static/_worker.js/__next-on-pages-dist__/wasm/wasm_a7e702bc5ba9227243abda7977c8096f59478d3f.wasm'
22:43:30.137    Finished
22:43:30.138    Found _worker.js in output directory. Uploading.

22:43:28.203    ▲  Build Completed in .vercel/output [1m]
22:43:28.315    ⚡️ Completed `npx vercel build`.
22:43:30.081    ⚡️ Unexpected error: ENOENT: no such file or directory, copyfile '/opt/buildhome/repo/.vercel/output/functions/og.func/wasm/wasm_a7e702bc5ba9227243abda7977c8096f59478d3f.wasm' -> '/opt/buildhome/repo/.vercel/output/static/_worker.js/__next-on-pages-dist__/wasm/wasm_a7e702bc5ba9227243abda7977c8096f59478d3f.wasm'
22:43:30.137    Finished
22:43:30.138    Found _worker.js in output directory. Uploading.

22:43:28.203    ▲  Build Completed in .vercel/output [1m]
22:43:28.315    ⚡️ Completed `npx vercel build`.
22:43:30.081    ⚡️ Unexpected error: ENOENT: no such file or directory, copyfile '/opt/buildhome/repo/.vercel/output/functions/og.func/wasm/wasm_a7e702bc5ba9227243abda7977c8096f59478d3f.wasm' -> '/opt/buildhome/repo/.vercel/output/static/_worker.js/__next-on-pages-dist__/wasm/wasm_a7e702bc5ba9227243abda7977c8096f59478d3f.wasm'
22:43:30.137    Finished
22:43:30.138    Found _worker.js in output directory. Uploading.

22:43:28.203    ▲  Build Completed in .vercel/output [1m]
22:43:28.315    ⚡️ Completed `npx vercel build`.
22:43:30.081    ⚡️ Unexpected error: ENOENT: no such file or directory, copyfile '/opt/buildhome/repo/.vercel/output/functions/og.func/wasm/wasm_a7e702bc5ba9227243abda7977c8096f59478d3f.wasm' -> '/opt/buildhome/repo/.vercel/output/static/_worker.js/__next-on-pages-dist__/wasm/wasm_a7e702bc5ba9227243abda7977c8096f59478d3f.wasm'
22:43:30.137    Finished
22:43:30.138    Found _worker.js in output directory. Uploading.

J

James•1/31/24, 10:46 PM

That error looks like it might be the culprit

J

James•1/31/24, 10:46 PM

Please can you open an issue on our GitHub repo with that error

JJames Please can you open an issue on our GitHub repo with that error

M

Morgan•1/31/24, 10:46 PM

Will do

J

James•1/31/24, 10:46 PM

A minimal reproduction would be appreciated if possible

JJames A minimal reproduction would be appreciated if possible

M

Morgan•1/31/24, 10:47 PM

I'll see what I can do.

A

ashutosh•2/1/24, 1:57 AM

Does server actions works for anyone here? I am using Next 14.1.0 and all the server actions XHR requests are failing!

S

sathoro•2/1/24, 12:22 PM

I finally got error reporting with Sentry working well with next-on-pages

I started from scratch and used the Loader Script instead of their "automatic" setup

this works for some errors but not the ones caught by the built-in NextJS error boundary in production

so, I used

react-error-boundary

react-error-boundary

to wrap my app like this, and now it catches everything and allowed us to customize the error page:

<ErrorBoundary
  onError={(error, errorInfo) => {
    if (window.Sentry) {
      window.Sentry.captureException(error);
    }
  }}
  fallbackRender={({ error, resetErrorBoundary }) => (
    // add your own UI
  )}
>
  <Component {...pageProps} />
</ErrorBoundary>

<ErrorBoundary
  onError={(error, errorInfo) => {
    if (window.Sentry) {
      window.Sentry.captureException(error);
    }
  }}
  fallbackRender={({ error, resetErrorBoundary }) => (
    // add your own UI
  )}
>
  <Component {...pageProps} />
</ErrorBoundary>

<ErrorBoundary
  onError={(error, errorInfo) => {
    if (window.Sentry) {
      window.Sentry.captureException(error);
    }
  }}
  fallbackRender={({ error, resetErrorBoundary }) => (
    // add your own UI
  )}
>
  <Component {...pageProps} />
</ErrorBoundary>

<ErrorBoundary
  onError={(error, errorInfo) => {
    if (window.Sentry) {
      window.Sentry.captureException(error);
    }
  }}
  fallbackRender={({ error, resetErrorBoundary }) => (
    // add your own UI
  )}
>
  <Component {...pageProps} />
</ErrorBoundary>

J

James•2/1/24, 6:30 PM

Nice!

Aashutosh Does server actions works for anyone here? I am using Next 14.1.0 and all the se...

J

James•2/1/24, 6:31 PM

Server actions should work. Please can you open a GitHub issue with a reproduction if they're not working for you?

JJames A minimal reproduction would be appreciated if possible

M

Morgan•2/2/24, 10:32 AM

On the surface it looks related to a route that generates an OG image.

M

Morgan•2/2/24, 10:34 AM

I have managed to get a Next.js 14 site working after changing all routes to "edge", but I'm getting errors on dynamic routes, how do I go about surfacing them?

Usually, with Vercel, I could add a console.log() and view the server logs to debug, how do I go about doing that with Cloudflare?

I've looked at realtime logs, but they only seem to contain headers.

J

James•2/2/24, 3:04 PM

You should be able to log errors and view them when tailing your deployment with wrangler

R

Raiyan•2/3/24, 5:52 AM

can anyone give me a link to a repository where latest nextjs is working with other features of cf like kv?

M

mohamed.adham•2/3/24, 10:57 AM

Hello

M

mohamed.adham•2/3/24, 10:57 AM

I have a small problem with cloudflare if anyone can help me...

M

mohamed.adham•2/3/24, 10:58 AM

I have a website made with next and cloudflare

M

mohamed.adham•2/3/24, 10:58 AM

But, the problem is that, when I use the next

<Image />

<Image />

<Image />

<Image /> component it doesn't work, and no images serve even the static in the public directory

M

mohamed.adham•2/3/24, 10:58 AM

How to solve this

RRaiyan can anyone give me a link to a repository where latest nextjs is working with ot...

J

James•2/3/24, 8:35 PM

If you do

pnpm create cloudflare

pnpm create cloudflare

pnpm create cloudflare

pnpm create cloudflare it will initialise a new Next.js project for you. In there, you will find commented out example usage of KV. You can uncomment this in

next.config.mjs

next.config.mjs

next.config.mjs

next.config.mjs,

env.d.ts

env.d.ts

env.d.ts

env.d.ts, and

app/api/hello/route.ts

app/api/hello/route.ts

app/api/hello/route.ts

app/api/hello/route.ts. Then if you run your app, you will see it putting + getting with kv

SSuchACharles Working with nextjs 14 and added the bindings for D1, when I run next dev, It do...

J

James•2/3/24, 11:01 PM

There are a variety of commands you can run with wrangler for d1, such as migrations or executing sql. i would recommend using the d1-database channel if you want help with d1.

J

James•2/3/24, 11:12 PM

Yeah I'm afraid the miniflare bindings for next dev are only local and won't be able to connect to a remote database

Ggreends so hey there, how are you guys doing? is cloudflare pages compatible with next 1...

B

Befus•2/4/24, 10:06 AM

yes it is

W

webstorms•2/4/24, 10:07 AM

NextResponse.rewrite from middleware does not seem to render the page correctly, anyone else experience this too?

W

webstorms•2/4/24, 10:08 AM

Also, console.log from middleware does not appear in my real-time logs, any ideas why?

Wwebstorms NextResponse.rewrite from middleware does not seem to render the page correctly,...

J

James•2/4/24, 11:32 AM

Just checked and it seems to be rewriting okay for me. Are you able to share more info?

JJames Just checked and it seems to be rewriting okay for me. Are you able to share mor...

W

webstorms•2/4/24, 12:17 PM

Just porting my site from vercel to cloudflare, lemme see if I can re-create the issue with less code

W

webstorms•2/4/24, 12:18 PM

Also, does cloudflare support on-demand ISR? Found a thread from half a year ago that says it doesn't (https://community.cloudflare.com/t/error-when-using-isr-with-cloudflare-pages-nextjs/525775). But maybe it is supported now?

J

James•2/4/24, 12:34 PM

Afraid not, that's a limitation from Vercel as they only generate those functions for Node.js and not the edge runtime. You can use the revalidate property in fetch requests though instead of the traditional page-level ISR

W

webstorms•2/4/24, 12:44 PM

thanks, not sure I know enough to understand, are there docs to showcase how to do this?

Note that this only applies when using `wrangler pages dev`. If you are using `next dev`, then Bindi

Similar Threads

Similar Threads

Similar Threads