could you try out my comment from this discussion? https://github.com/vercel/next.js/discussions/501

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?

JamesOP•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=next

npm 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

JamesOP•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...

JamesOP•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...

JamesOP•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?

JamesOP•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.

JamesOP•9/10/24, 7:15 AM

functions directory doesn't support nodejs either

JJames yes

koribot•9/10/24, 3:30 PM

The default flow/set-up from nextjs? or need to tweak some?

koribot•9/10/24, 3:33 PM

https://developers.cloudflare.com/pages/framework-guides/nextjs/ssr/advanced/

Cloudflare Docs

Advanced Usage | Cloudflare Pages docs

If you need to run code before or after your Next.js application, create your own Worker entrypoint and forward requests to your Next.js application.

Kkoribot The default flow/set-up from nextjs? or need to tweak some?

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

nextjs middleware runs on workers regardless of whether it's deployed to Vercel or cloudflare. Vercel use cloudflare workers for hosting nextjs middleware

Puliczek•9/10/24, 5:58 PM

Can I use SSG (static site generation) on next-on-pages? I need that to create a blog. Not sure if SSR is good for that.

JamesOP•9/10/24, 6:00 PM

If you're using SSG you probably wouldn't need to use next-on-pages and could just do a fully static deployment instead

JJames If you're using SSG you probably wouldn't need to use next-on-pages and could ju...

Puliczek•9/10/24, 6:03 PM

Thanks for answer. I would like to use SSG for /blog/* , but SSR for the rest

JamesOP•9/10/24, 6:04 PM

ah okay, in that case it will be fine as long as it's at build time

Puliczek•9/10/24, 9:32 PM

@James hmm i tried with SSG but not working. I must set up edge run. But this change SSG to SSR.

PPuliczek <@94508156243161088> hmm i tried with SSG but not working. I must set up edge ru...

JamesOP•9/11/24, 7:09 AM

Did you check out this page? https://developers.cloudflare.com/pages/framework-guides/nextjs/ssr/troubleshooting/
There are some other settings you might need to change due to how Nextjs generates dynamic routes

JJames Did you check out this page? https://developers.cloudflare.com/pages/framework-g...

Puliczek•9/11/24, 11:58 AM

Thanks, added: export const dynamicParams = false . But same problem.

koribot•9/11/24, 2:51 PM

import puppeteer from "@cloudflare/puppeteer";

can we use cloudeflare puppeteer inside nextj api route?

koribot•9/11/24, 2:53 PM

or I'll just create a separate worker for it

Puliczek•9/11/24, 4:58 PM

Go with separate worker 100%, you will have simple API to use it.

Sam•9/12/24, 1:17 AM

Has anyone managed to get wildcard custom domains working with pages? I've tried using a proxy worker but I'm getting a 522 error. It works fine without the wildcard custom domain.

Original message was deleted

Sam•9/12/24, 1:25 AM

e.g. *.example.com - mainly for SaaS stuff. https://developers.cloudflare.com/dns/manage-dns-records/reference/wildcard-dns-records/

Sam•9/12/24, 1:28 AM

Yeah, I need it to be wildcard for a SaaS product.

Sam•9/12/24, 1:29 AM

Yeah, they support it just not on pages for some reason. The workaround I've seen is to use a proxy worker (since you can use wildcard DNS there) but I get an error that makes little sense.

Sam•9/12/24, 1:30 AM

Yeah, I've seen that of course

hence asking about the workaround or if anyone has got it working another way.

Sam•9/12/24, 1:30 AM

a 522 error as above

Sam•9/12/24, 1:34 AM

Yeah, they're all pretty old which is why I figured I'd ask here

switz•9/12/24, 3:19 AM

anyone know the answer to this? pages-helpHow can I access my d1 database in next on pages edge LOCALLY?

PPuliczek Thanks, added: export const dynamicParams = false . But same problem.

JamesOP•9/12/24, 9:06 AM

are you able to share some sort of repro by any chance?

num•9/12/24, 1:36 PM

does anyone know what could be the reason why a next/link in local dev mode doesn't cause a full page transition but deployed via next-on-pages it does?

num•9/12/24, 1:49 PM

weird it seems to transition fine when running with next dev but is doing the full page load if i try to run it with wrangler dev and the next-on-pages build output

could you try out my comment from this discussion? https://github.com/vercel/next.js/discussions/501

Similar Threads