But it works fine on other platforms. So, does CF pages have an older version of the vercel cli?
But it works fine on other platforms. So, does CF pages have an older version of the vercel cli?
SCan 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.
Cloudflare Docs
@cloudflare/next-on-pages 
supports caching and revalidating data returned by subrequests you make in your app by calling fetch().
supports caching and revalidating data returned by subrequests you make in your app by calling fetch().
JYou can specify a version in your package.json
AI'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.
AI tried on just a barebone hello world project created using cloudflare cli.
AWant to use functions directory because pages doesn't support node.js runtime on next.js api routes.
KHello
KDoes anyone tried nextjs-on-pages in a big projects? is it scalable?
KDoes the middleware in nextjs work with nextjs-on-pages?
KI 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
Jyou 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.
Jyes
AOk. 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.
Jfunctions directory doesn't support nodejs either
KCloudflare 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.
Jnextjs middleware runs on workers regardless of whether it's deployed to Vercel or cloudflare. Vercel use cloudflare workers for hosting nextjs middleware
PCan 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.
JIf you're using SSG you probably wouldn't need to use next-on-pages and could just do a fully static deployment instead
PThanks for answer. I would like to use SSG for /blog/* , but SSR for the rest 
Jah okay, in that case it will be fine as long as it's at build time
JDid 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
There are some other settings you might need to change due to how Nextjs generates dynamic routes
PThanks, added: export const dynamicParams = false . But same problem.
Kimport puppeteer from "@cloudflare/puppeteer";
can we use cloudeflare puppeteer inside nextj api route?
can we use cloudeflare puppeteer inside nextj api route?
Kor I'll just create a separate worker for it
PGo with separate worker 100%, you will have simple API to use it.
SHas 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.
Se.g. *.example.com - mainly for SaaS stuff. https://developers.cloudflare.com/dns/manage-dns-records/reference/wildcard-dns-records/
SYeah, I need it to be wildcard for a SaaS product.
SYeah, 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.
SYeah, I've seen that of course hence asking about the workaround or if anyone has got it working another way.
hence asking about the workaround or if anyone has got it working another way.Sa 522 error as above
SYeah, they're all pretty old which is why I figured I'd ask here
Sanyone know the answer to this? pages-helpHow can I access my d1 database in next on pages edge LOCALLY?
Jare you able to share some sort of repro by any chance?
Ndoes 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?
Nweird 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
JAre you able to share a reproduction?
NIs it possible that it's because the urls where it seems to full page load are " ● (SSG) prerendered as static HTML (uses getStaticProps)"?
I've noticed it seems to work fine on next on pages for the routes that are "ƒ (Dynamic) server-rendered on demand"
I've noticed it seems to work fine on next on pages for the routes that are "ƒ (Dynamic) server-rendered on demand"
Ni can send you the source via DM as it's not yet open source
DIt shouldn't matter afaik
BWhen using the
So, it’s hard to observe Next.js apps compiled with next-on-pages, and
Is there any plan to support
Related issues:
@vercel/otel library in a Next.js app that compiles with next-on-pages, then the CLI throws an error. So, we can’t use observability tools with OpenTelemetry (e.g., Sentry, Highlight.io). Furthermore, Cloudflare bought Baselime (observability tool) which supports OpenTelemetry standards, but we can’t use that either. So, it’s hard to observe Next.js apps compiled with next-on-pages, and
@vercel/otel not being supported is ongoing for 7 months. Is there any plan to support
@vercel/otel soon?Related issues:
SNextjs Middleware for App Dir
The middleware docs are not helpful for App Dir project. Not able to trigger the middleware. I even tried /functions/middleware.ts to no avail. How to go about it?
This is the closest thing I can find. Can someone confirm if this is the right way?
The middleware docs are not helpful for App Dir project. Not able to trigger the middleware. I even tried /functions/middleware.ts to no avail. How to go about it?
This is the closest thing I can find. Can someone confirm if this is the right way?
JYou can use default Next.js middleware
SI fixed it. The middleware.ts is supposed to be defined in the root dir and not inside of app dir. (which I was doing accidently)
Thanks anyway.
KHello does zustand works well with next-on-pages?
PYep, I use it for my project, and I have no issue with it.
AI was using WARP DNS VPN(1.1.1.1) for ONLINE servers. I can't get in with it anymore. I asked Server FOUNDER. Cloudflare said it blocked it.
I wonder why it was blocked?
I wonder why it was blocked?
Bhi fellow next people, how do you do logging/error tracing on next-on-pages ? what is the recommended way? im tired of constantly having to tail the deployment in order to see any significant logs
MHello, I think you might be able to help with this issue, and I appreciate your assistance in advance.
I am developing an application with Next.js, which I deployed successfully to Cloudflare Pages and connected to my domain. Afterward, I set up a proxy using a Cloudflare Worker. I am using the next-intl library. The language changes do not reflect on the components in the pages, but everything works correctly when running locally in dev mode with Wrangler or after building the app. SEO content is rendered correctly in the appropriate language in these cases. All caches are disabled. Since everything works locally, I cannot pinpoint the source of the issue.
When I run the Worker locally, I can see that all requests and parameters are correctly sent from the client to the Worker. I suspect that Cloudflare Pages is not correctly handling my Next.js application and is continuously serving the default language preferences. I can also see the language change in the cookies. Can you help me with this?
I am developing an application with Next.js, which I deployed successfully to Cloudflare Pages and connected to my domain. Afterward, I set up a proxy using a Cloudflare Worker. I am using the next-intl library. The language changes do not reflect on the components in the pages, but everything works correctly when running locally in dev mode with Wrangler or after building the app. SEO content is rendered correctly in the appropriate language in these cases. All caches are disabled. Since everything works locally, I cannot pinpoint the source of the issue.
When I run the Worker locally, I can see that all requests and parameters are correctly sent from the client to the Worker. I suspect that Cloudflare Pages is not correctly handling my Next.js application and is continuously serving the default language preferences. I can also see the language change in the cookies. Can you help me with this?
