Hey all, for local development I'm seeing that I can now just call `next start` and it magicaly work

Hey all, for local development I'm seeing that I can now just call

next start

next start

next start

next start and it magicaly works through this addition:

if (process.env.NODE_ENV === "development") {
  const { setupDevPlatform } = require("@cloudflare/next-on-pages/next-dev")
  setupDevPlatform()
}

if (process.env.NODE_ENV === "development") {
  const { setupDevPlatform } = require("@cloudflare/next-on-pages/next-dev")
  setupDevPlatform()
}

if (process.env.NODE_ENV === "development") {
  const { setupDevPlatform } = require("@cloudflare/next-on-pages/next-dev")
  setupDevPlatform()
}

if (process.env.NODE_ENV === "development") {
  const { setupDevPlatform } = require("@cloudflare/next-on-pages/next-dev")
  setupDevPlatform()
}

This is quite amazing, but I'm trying to figure out how to enable connecting to real remote objects instead of a mocked version (through miniflare). Something equivalent to this wrangler command:

npx wrangler dev --remote

npx wrangler dev --remote

npx wrangler dev --remote

npx wrangler dev --remote

Is there a way to enable the

--remote

--remote

flag when I call

next start

next start

next start

next start ?

G O A T•4/5/24, 3:20 PM

thanks james

VVenkat Dinavahi Hey all, for local development I'm seeing that I can now just call `next start` ...

James•4/5/24, 3:24 PM

Afraid not since the next dev bindings are using miniflare which is local-only emulation

Venkat DinavahiOP•4/5/24, 3:26 PM

It seems like it should be possible in theory:
https://developers.cloudflare.com/workers/testing/local-development/#develop-locally-using-remote-resources-and-bindings

Isn't next-on-pages using wrangler underneath?

Cloudflare Docs

Local development · Cloudflare Workers docs

Develop your Workers locally via Wrangler.

Venkat DinavahiOP•4/5/24, 3:26 PM

"wrangler dev runs locally by default. This means that all resources and bindings are simulated locally as well. However, there may be times you need to develop against remote resources and bindings. To run wrangler dev remotely, add the --remote flag"

Venkat DinavahiOP•4/5/24, 3:27 PM

What I'm running into -- our app uses a mix of R2 bindings and the aws presigned urls which makes it tricky to test the app as-is

James•4/5/24, 3:28 PM

It uses the getPlatformProxy() utility that ships with wrangler and that utility uses miniflare's magic proxy internally, so it's a bit different to just running wrangler dev

Venkat DinavahiOP•4/5/24, 3:30 PM

Ah got it thanks for clarifying
Is there a workaround to test things out such as running the next-on-pages with wrangler instead of using

next start

next start

James•4/5/24, 3:32 PM

You can build your app with next-on-pages and then run it using wrangler pages dev if you wanted to run things in wrangler, but for development this is not advised as you'd lose out on HMR

Venkat DinavahiOP•4/5/24, 3:33 PM

got it

Venkat DinavahiOP•4/5/24, 3:33 PM

maybe i need to implement a local version of pre-signed urls

Venkat DinavahiOP•4/5/24, 3:33 PM

Maybe it's a large undertaking - feature request would be to allow a remote option for setupDevPlatform

certain features are tough to test without the real thing

Venkat DinavahiOP•4/5/24, 3:35 PM

I guess it means getPlatformProxy would need to somehow transparently proxy to real bindings vs miniflare. Seems complex but would make the developer experience amazing

Venkat DinavahiOP•4/5/24, 3:35 PM

GitHub

🚀 Feature Request: Add remote support for getPlatformProxy · Issue ...

Describe the solution Currently, unstable_dev supports passing in a local flag in the options object, but getPlatformProxy doesn't support it. This means that things like Cloudflare AI, which r...

Venkat DinavahiOP•4/5/24, 3:37 PM

Ok so looks like it's really on getting that implemented since I'm seeing that setupDevBindingssetupDevBindings is a thin wrapper on getPlatformProxy

James•4/5/24, 3:42 PM

Indeed

whois | API man•4/5/24, 6:54 PM

Hello! So I’m using next-intl for my NextJs site, it’s my first time using Cloudflare, so now that I deployed with Git… well the page shows a 404 error saying it doesn’t exist, I’m not sure if I need to like use functions to make it work with next-intl or something (or if the problem is even related to next-intl lol)

JJames Not sure what you mean by caching correctly? You typically don't cache pages whe...

FelDev•4/5/24, 7:19 PM

Question about caching and SSR pages.
Our assumption was that when we fetch data on any page, Next.js's data caching would kick in.
However, with

export const runtime = "edge"

export const runtime = "edge"

, no cache is used at all.
I understand that SSR pages are... Server Side Rendered.
But our use case is that not everything needs to be fetched at request-time.
Specifically, the data we fetch from Firestore only needs to be fetched at build time, the data we do want to fetch on every request comes from Supabase.
How can we use the cache on an SSR page?

Rafael França•4/5/24, 8:18 PM

How can I use Sentry Pages Plugin with Next?

FFelDev Question about caching and SSR pages. Our assumption was that when we fetch data...

Nob•4/5/24, 8:34 PM

if you fetch your data you can do:

fetch('mydataurl.com/nanana.json', {cache: "force-cache"})

fetch('mydataurl.com/nanana.json', {cache: "force-cache"})

Original message was deleted

Nob•4/5/24, 8:38 PM

Pat Branchaud•4/5/24, 8:38 PM

Pat Branchaud•4/5/24, 8:39 PM

FYI : It's a long journey for Felix, and Philippe and I we all work on the same project

PPat Branchaud Click to see attachment

Nob•4/5/24, 8:40 PM

I think "force-cache" is self explaining of its function

Nob•4/5/24, 8:40 PM

i dont understand your question

Pat Branchaud•4/5/24, 8:41 PM

not a question, I meant thank you it seems to work

PPat Branchaud not a question, I meant thank you it seems to work

Nob•4/5/24, 8:42 PM

ahhh okay long journey for me too lul

Pat Branchaud•4/5/24, 8:42 PM

2 days of searching and then the trex head solves it with 2 words

Nob•4/5/24, 8:43 PM

also you should add a KV binding named __NEXT_ON_PAGES__KV_SUSPENSE_CACHE__NEXT_ON_PAGES__KV_SUSPENSE_CACHE

Nob•4/5/24, 8:43 PM

because without it, caching is only at datacenter level

NNob also you should add a KV binding named ``__NEXT_ON_PAGES__KV_SUSPENSE_CACHE``

SeeringPhil•4/5/24, 8:44 PM

Yeah, the binding was already in place but no keys were saved before the force-cache

Nob•4/5/24, 8:45 PM

@Pat Branchaud no i'm not consulting or freelance x)

Nob•4/5/24, 8:45 PM

i'm doing gaming websites

FelDev•4/5/24, 8:45 PM

Thanks a lot though, seriously.

James•4/5/24, 9:00 PM

IIRC force-cache is supposed to be the default but I guess we probably need to do some logic to apply it if no cache value is specified.

I'd be a bit hesitant to add that in now though considering we've had our fetch cache live for like 8 months and that kind of change would probably be breaking for a lot of users

James•4/5/24, 9:02 PM

it's one of those things that would technically be a bug fix but in actuality would be a breaking change for almost all users who use fetch on the server

Pat Branchaud•4/5/24, 9:03 PM

could be added to documentation

NNob <@836762764672106586> no i'm not consulting or freelance x)

Pat Branchaud•4/5/24, 9:12 PM

Hey Nob, if you ever find yourself in Sherbrooke, QC, Canada, hit me up, free beer on me!

PPat Branchaud Hey Nob, if you ever find yourself in Sherbrooke, QC, Canada, hit me up, free be...

Nob•4/5/24, 9:23 PM

ahah, France is a bit far from Canada but maybe in 10 years x)

Nob•4/5/24, 9:23 PM

I forgot I'm not even old enough to drink

Nob•4/5/24, 9:23 PM

Pat Branchaud•4/5/24, 9:38 PM

là je comprends pourquoi tu ne comprenais pas quand je parle comme Yoda dogekek

MylesBolton•4/6/24, 12:42 AM

hey where do i put my functions for the cloudflare pages plugins

MylesBolton•4/6/24, 12:42 AM

is it in the root dir or should i put inside /src or /src/app

MMylesBolton hey where do i put my functions for the cloudflare pages plugins

Nob•4/6/24, 1:13 AM

/app/api and you create api routes

NNob /app/api and you create api routes

MylesBolton•4/6/24, 2:24 AM

cool

thanhle•4/6/24, 6:04 AM

do we have timeout for worker or page functions or nextjs api route?

MylesBolton•4/6/24, 6:38 AM

do tell me if im being dumb but anyone got any ideas what i did wrong ?

thipperz•4/6/24, 8:42 AM

This error keeps happening even after I add compatibility_date = "2024-04-06"compatibility_date = "2024-04-06" to my wrangler.toml.

What could I be missing? I tried updating wrangler and workers types

Tthipperz This error keeps happening even after I add `compatibility_date = "2024-04-06"` ...

Hello, I’m Allie!•4/6/24, 8:44 AM

That looks like something else? I’m guessing that whatever you are calling ImageService on isn’t actually supposed to be a binding?

MMylesBolton do tell me if im being dumb but anyone got any ideas what i did wrong ?

James•4/6/24, 10:42 AM

You could probably just try implementing the server side validation example in the turnstile docs - https://developers.cloudflare.com/turnstile/get-started/server-side-validation/

Pages plugins will likely not work properly in Next.js api routes because they are written under the assumption that they'll be running in the functions directory, whereas here you just need a standard js solution instead

Hey all, for local development I'm seeing that I can now just call `next start` and it magicaly work

Similar Threads

Similar Threads

Similar Threads