hello if i have a nextjs api deployed on cloudflare pages if a UNIQUE user makes an api request, it

hello
if i have a nextjs api deployed on cloudflare pages
if a UNIQUE user makes an api request, it is guaranteed to be executed only ONCE on the closest edge runtime right?

yuvrajOP•9/2/24, 5:53 AM

based on my understanding of cloudflare pages & nextjs edge runtimes, they're all distributed across the world

Yyuvraj hello if i have a nextjs api deployed on cloudflare pages if a UNIQUE user make...

Isaac McFadyen•9/2/24, 1:22 PM

A request will trigger on the edge runtime once, if that's what you mean.

Isaac McFadyen•9/2/24, 1:22 PM

If they make multiple requests it will trigger multiple times.

BBjarn bundle analyzer shows a huge chunk, but no way it's over 60MB 😂

James•9/2/24, 6:23 PM

bundle analyzer wont be very useful i dont think, since its a bit different to the final worker

JJames bundle analyzer wont be very useful i dont think, since its a bit different to t...

Bjarn•9/2/24, 7:59 PM

Yep fair enough

Bjarn•9/2/24, 8:03 PM

Not sure where to start to debug this tbh,I’m happy to help figure out what’s going on

Aldi•9/3/24, 2:04 AM

If I have trouble adding a new website to Cloudflare, where do I look for a solution?

Aldi•9/3/24, 2:05 AM

https://prnt.sc/de-r9aC9lFff

Lightshot

Screenshot

Captured with Lightshot

Aldi•9/3/24, 2:05 AM

AAldi If I have trouble adding a new website to Cloudflare, where do I look for a solu...

Isaac McFadyen•9/3/24, 3:03 AM

?crossposting

Flare•9/3/24, 3:03 AM

Please do not post your question in multiple channels/post it multiple times per the rules at ⁠No Access. It creates confusion for people trying to help you and doesn't get your issue or question solved any faster.

BBjarn Not sure where to start to debug this tbh,I’m happy to help figure out what’s go...

James•9/3/24, 5:31 AM

getting an idea of which chunks are overly large could help. could grab the size of all files in the _worker.js dir and sort by size to get an idea of where we might have an issue

thomasgauvin•9/3/24, 2:07 PM

I'm cross-posting here on behalf of @Lila Rest because I think this is more next-on-pages related than Hyperdrive related, hyperdrive

When you try to connect to a database using postgres-js (https://github.com/porsager/postgres) (even without Hyperdrive), you get errors such as:

Module build failed: UnhandledSchemeError: Reading from "cloudflare:sockets" is not handled by plugins (Unhandled scheme).
Webpack supports "data:" and "file:" URIs by default.
You may need an additional plugin to handle "cloudflare:" URIs.

Module build failed: UnhandledSchemeError: Reading from "cloudflare:sockets" is not handled by plugins (Unhandled scheme).
Webpack supports "data:" and "file:" URIs by default.
You may need an additional plugin to handle "cloudflare:" URIs.

Any insights here?

Tthomasgauvin I'm cross-posting here on behalf of <@690544538489454602> because I think this i...

Lila Rest•9/3/24, 2:22 PM

Thanks Thomas, I appreciate that

Lila Rest•9/3/24, 2:47 PM

And my question is more generally to be able to make CF Pages, CF Hyperdrive and Prisma working together

LLila Rest And my question is more generally to be able to make CF Pages, CF Hyperdrive and...

yuripave•9/3/24, 4:02 PM

This should help Does Smart Placement support Hyperdrive? I'm using Next.js with Postgres, do note that this won't work locally with next dev though

Yyuripave This should help https://discord.com/channels/595317990191398933/124206297982723...

Lila Rest•9/3/24, 4:05 PM

Interesting, thanks for surfacing that thread!
Two things, though:

it seems that the author is encountering an issue with smart placement
the author uses Drizzle and we're using Prisma
Any idea how to address these two?

LLila Rest Interesting, thanks for surfacing that thread! Two things, though: - it seems th...

yuripave•9/3/24, 4:07 PM

The webpack config and sed trick is not specific about smart placement nor ORM, more about getting cloudflare:socketscloudflare:sockets to work after being bundled as _worker.js by next-on-pages

Lila Rest•9/3/24, 4:09 PM

Yeah I get that, then how to use Prisma instead of Postgres.js/Drizzle to query HyperDrive, or how to plug Postgres.js to work through Prisma? Have you seen someone trying that here?

LLila Rest Yeah I get that, then how to use Prisma instead of Postgres.js/Drizzle to query ...

yuripave•9/3/24, 4:14 PM

In your case, after the trick you can use https://www.npmjs.com/package/@prisma/adapter-pg-worker to connect

npm

@prisma/adapter-pg-worker

Prisma's driver adapter for "@prisma/pg-worker". Latest version: 5.19.1, last published: a day ago. Start using @prisma/adapter-pg-worker in your project by running npm i @prisma/adapter-pg-workernpm i @prisma/adapter-pg-worker. There are no other projects in the npm registry using @prisma/adapter-pg-worker.

Chinmairuu•9/3/24, 4:14 PM

How to talk with support clourflare

CChinmairuu How to talk with support clourflare

Hard@Work•9/3/24, 4:19 PM

?support

Flare•9/3/24, 4:19 PM

To contact Cloudflare Support about an issue, please visit the Support Portal and fill in the form on the portal. After submission, you will receive confirmation over email.

Some issues, such as Account or Billing related issues, cannot be solved by the community.
Any plan level (including Free plans) can open tickets for Account, Billing or Registrar ticket categories. Make sure to select the correct category to ensure it goes to the right place.
For more information on the methods by which you can contact Support for your plan level, see Contacting Cloudflare Support - Cloudflare Docs

Yyuripave In your case, after the trick you can use https://www.npmjs.com/package/@prisma/...

Lila Rest•9/3/24, 4:23 PM

Is this extension working with Postgres.js or with

pg

pg

? Or both?
If

pg

pg

isn't this library not working on CF Pages?

LLila Rest Thanks Thomas, I appreciate that 🙏

James•9/3/24, 4:58 PM

could you try out my comment from this discussion? https://github.com/vercel/next.js/discussions/50177#discussioncomment-9409065

GitHub

cloudflare plugin · vercel next.js · Discussion #50177

Summary Hi, I am a new developer trying to create a tool to visualize sql data tables, and to render and visualize the tables, I need a PostgreSQL URI so that i can connect to that database, but i ...

JJames could you try out my comment from this discussion? https://github.com/vercel/nex...

Lila Rest•9/3/24, 5:15 PM

I will thanks! Are you using Prisma then? Or another ORM?

James•9/3/24, 7:34 PM

I use kysely personally, but your problem sounded similar to an issue I was trying to fix for someone else before

JJames I use kysely personally, but your problem sounded similar to an issue I was tryi...

Lila Rest•9/3/24, 9:27 PM

Yes there are two issues here, the Postgres.js error and being able to make Prisma work with else Postgres.js else Hyperdrive directly

Sheng•9/5/24, 1:28 AM

Has anyone used T3 Stack with next-on-pages? How the DX for using it?

Patrick•9/5/24, 9:23 AM

Running into an issue when running npm create cloudflare@latest my-next-app -- --framework=nextnpm create cloudflare@latest my-next-app -- --framework=next (when creating a new project) or

npx @cloudflare/next-on-pages

npx @cloudflare/next-on-pages

on a existing project. Opens a wsl shell and is then frozen and when closed gives this error. I've already attempted to run the commands within WSL as suggested and the same shell still opens. Running without WSL enabled gives the other error. No other node processes are running, running the command as administrator does not work either.

PPatrick Running into an issue when running `npm create cloudflare@latest my-next-app -- ...

D Trombett•9/5/24, 11:29 AM

yeah I reported this a while ago No Access
You can actually just ignore the error, that step isn't necessary and when running

npm run dev

npm run dev

everything will work as expected. The only downside is that you won't be able to build it to test the production build locally

DD Trombett yeah I reported this a while ago <#1276535130080673853> You can actually just ig...

Patrick•9/5/24, 11:30 AM

Which is what I'm wanting to do as I'm using D1

D Trombett•9/5/24, 11:33 AM

I'm using D1 too but in the development build everything works perfectly. Why do you need to test the production build locally too?

D Trombett•9/5/24, 11:34 AM

I mean, it's surely something that needs to be fixed but it shouldn't be a big problem for most developers

Patrick•9/5/24, 11:40 AM

@D Trombett Thanks for the advice, I guess I'll just stick to using the development build.

Nusab•9/6/24, 6:19 AM

Can anyone help me with this?
pages-helpNext.js deployment fails on pages, works in Vercel, Netlify

James•9/6/24, 6:27 AM

Seems like Vercel CLI issue

Nusab•9/6/24, 8:56 AM

But it works fine on other platforms. So, does CF pages have an older version of the vercel cli?

simplenotezy•9/6/24, 9:48 AM

Can somebody explain to me how the cache option works? I've set the binding according to docs: https://developers.cloudflare.com/pages/framework-guides/nextjs/ssr/caching/#workers-kv-recommended

but I don't see any fetch() requests from SSR pages being cached in the KV. It's basically empty.

he API we're fetching from has "cache-control" set to private with max-age of 0 - would that have any effect?

Cloudflare Docs

Caching | Cloudflare Pages docs

@cloudflare/next-on-pages

supports caching

and revalidating

data returned by subrequests you make in your app by calling fetch().

NNusab But it works fine on other platforms. So, does CF pages have an older version of...

James•9/6/24, 11:41 AM

You can specify a version in your package.json

Ashish Rawat•9/10/24, 3:14 AM

I'm trying to use functions directory for api routes in next.js but it's just sending 404 error for any route I create inside functions directory. I tried with other framework astro too. Getting same error.

Ashish Rawat•9/10/24, 3:14 AM

I tried on just a barebone hello world project created using cloudflare cli.

Ashish Rawat•9/10/24, 3:15 AM

Want to use functions directory because pages doesn't support node.js runtime on next.js api routes.

koribot•9/10/24, 5:02 AM

Hello

koribot•9/10/24, 5:03 AM

Does anyone tried nextjs-on-pages in a big projects? is it scalable?

koribot•9/10/24, 5:16 AM

Does the middleware in nextjs work with nextjs-on-pages?

koribot•9/10/24, 5:17 AM

I have tried it but it seems not working, I implemented my own checking but in each api route so I think technically its not a middleware just a simple checking of each request

AAshish Rawat I'm trying to use functions directory for api routes in next.js but it's just se...

James•9/10/24, 5:27 AM

you can't use the functions directory when using next-on-pages since we generate our own worker for your app, so you need to use next.js API routes.

Kkoribot Does the middleware in nextjs work with nextjs-on-pages?

James•9/10/24, 5:27 AM

yes

JJames you can't use the functions directory when using next-on-pages since we generate...

Ashish Rawat•9/10/24, 7:08 AM

Ok. But next.js api routes doesn't support node.js runtime. So all the benefits of workers node_compat will be of no use and we can't use package like mongodb and firebase with that.

hello if i have a nextjs api deployed on cloudflare pages if a UNIQUE user makes an api request, it

Similar Threads

Similar Threads

Similar Threads