I have succeeded with wrangler, but I found that I can only upload a next project to a Pages is that
I have succeeded with wrangler, but I found that I can only upload a next project to a Pages is that true ? I cannot do it onto a Worker ?
DI successfully uploaded an AngularJS (yes, the really old one) project both with wrangler and drag/drop in the UI. I don't know anything about next.js. I had to build first and upload the output. Sounds like you might be trying to upload the source files?
NI succeeded . I build the next js internally then outputted the build files
KHello, will dynamic routes be supported in the near future?
BCongrats on the release!
Is there a v1 / version 1 roadmap and ETA for opennextjs-cloudflare?
Is there a v1 / version 1 roadmap and ETA for opennextjs-cloudflare?
VThe plan is to add more tests early January.
This will give us visibility on what remains to be done before we cut v1 - we will then publish an ETA.
Hopefully only a few weeks away.
This will give us visibility on what remains to be done before we cut v1 - we will then publish an ETA.
Hopefully only a few weeks away.
CHow do I make the image assets (static assets - inside public directory) load faster?
If you check my website - https://sendbetter.co
If you check my website - https://sendbetter.co
- you can see it took a second to load the hero images.
HFor me, the images load pretty quickly. Per Page-Speed Insights, you could resize images for different display sizes, and convert to more efficient formats, but your biggest issue seems to just be that your initial page load is slow
HThat and, you may be running your Functions in front of your assets?
CI am using next-on-pages. I am not running workers directly and I don't know how next-js logic translate to cf worker logic.
So I really don't know what you mean by "running your Functions in front of your assets". Sorry, can you tell me what you mean?
So I really don't know what you mean by "running your Functions in front of your assets". Sorry, can you tell me what you mean?
CTy, will add smaller assets and use the right sized image for different display sizes
HBasically, you can tell Pages to skip Next and serve your assets directly. Afaik for Next specifically, this can break pre-rendered pages, but for assets, it should
be fine
be fine
COh, how do I do that?
Cnext-on-pages automatically creates
(if this is what you mean)
link to docs - https://developers.cloudflare.com/pages/framework-guides/nextjs/ssr/static-assets/
_routes.json(if this is what you mean)
link to docs - https://developers.cloudflare.com/pages/framework-guides/nextjs/ssr/static-assets/
Cloudflare Docs
When you use a JavaScript framework like Next.js on Cloudflare Pages, the framework adapter (ex: @cloudflare/next-on-pages) automatically generates a _routes.json file, which defines specific paths of your app's static assets. This file tells Cloudflare, for these paths, don't run the Worker, you can just serve the static asset on this path (an ...
HYeah, then you should be good on that front
HCouldn’t remember whether Next did it automatically or not
PHi good afternoon, I wanted to know if there's a way we can cache node_modules and node as well for builds.
I have a NextJs app which I'm deploying as static. I have enabled build cache but that only optimizing next build and still installs deps on each build.
Thank you!
I have a NextJs app which I'm deploying as static. I have enabled build cache but that only optimizing next build and still installs deps on each build.
Thank you!
Sdoes next on pages allow you to have a /functions dir in the project root as well?
Ldoes a request to one of my static pages count against my worker invocations?
HNope, you have to use Next’s API Routes
HYes, as next-on-pages requires itself to be run on all Pages, regardless of whether they are pre-rendered or not
HLalright
Lty
Lis it possible to use customer domains with next-on-pages, and if so, how do i do it? like if i want to allow people to register their own domains to be used for my multi-tenant nextjs project
Sman thats a bummer okay i guess i make a seperate repo
HNot sure I understand, why can’t you use Next’s own thing?
Sthe site's just already on next and I intend to migrate it away from next
SI want my serverside api to be seperate and with less overhead
UHi guys, hope all is doing great!
I want to host my nextjs app and was looking between Cloudflare and Netlify. The app contains dynamic pages and has a huge bandwidth. Is it possible to do so and what are the pros and cons of hosting on Cloudflare? I am asking only for Cloudflare since the website is currently hosted on Netlify and I am on the pro tier, but this is the refactored website that I want to deploy.
I want to host my nextjs app and was looking between Cloudflare and Netlify. The app contains dynamic pages and has a huge bandwidth. Is it possible to do so and what are the pros and cons of hosting on Cloudflare? I am asking only for Cloudflare since the website is currently hosted on Netlify and I am on the pro tier, but this is the refactored website that I want to deploy.
GHey, are server actions supported in next-on-pages? I'm getting the 405 method error, but the documentation states that it does support https://developers.cloudflare.com/pages/framework-guides/nextjs/ssr/supported-features/. Does anyone have a sample working code reference that I can review?
Also, is Next.js 14 supported? I see that Cloudflare only supports Next.js up to version 13 in online forums.
Also, is Next.js 14 supported? I see that Cloudflare only supports Next.js up to version 13 in online forums.
Cloudflare Docs
@cloudflare/next-on-pages supports all minor and patch version of Next.js 13 and 14. We regularly run manual and automated tests to ensure compatibility.
BAim
Upload my Next.js app's sourcemap file to highlight.io (or other services)
My attempt/Reproduction steps
Q1: What is the sourcemap file's path? I can't find it.
Q2: Do I need to make any changes in
Q3: Where can I learn more information about
Upload my Next.js app's sourcemap file to highlight.io (or other services)
My attempt/Reproduction steps
- I followed the official Cloudflare Pages docs (https://developers.cloudflare.com/workers/observability/source-maps/), and I added
upload_source_maps = trueto
file.wrangler.toml - My app's wrangler version:
"wrangler": "^3.99.0" - Run
pnpm next-on-pages && pnpm wrangler pages deploy
Q1: What is the sourcemap file's path? I can't find it.
Q2: Do I need to make any changes in
tsconfig.jsonQ3: Where can I learn more information about
.next/ and .vercel/ folders?
NI just added redirect rule but it does nothing
Neven did this in
dns
Ndoes nothing too, still does not redirect
Cwhat does this have to do with next on pages?
Na sorry thought it as
pages-discussions
FHello, can I use d1 with server actions?
Pyes, i am using it all the time
Pit works on nextjs 14, i am using it.
FI'm getting this error. In my other project, the PrismaD1 connection is exactly the same.
PTry with API and you will get answer if thats a problem with only server actions. I am using D1 with drizzle on server actions
FI did, it is working. I am using prisma in both. I prefer prisma, but I think maybe I should use drizzle.
PSimple example that works
FIf I use neon, this works.
PDoes any one know can I ignore package-lock.json in deploy ci/cd github via cloudflare? Always when I add new library CI/CD fail, i need to build pages on cloudflare to make it work, and that takes time...
Por how to restart cloudflare page? I added new envs, and to make them work i need to restart app. How to do that? I discovered only one option: Retry deployment. Is there better way to do that?
JI've always suspected (but never investigated) that this may be due to the page being pre-rendered and Next.js is trying to invoke an action that the route's function doesn't have, but I haven't looked into it, nor do I plan to.
On the Next.js 14 front, if it works it works, but it's not been tested with Next.js 14 by the maintainers so YMMV.
On the Next.js 14 front, if it works it works, but it's not been tested with Next.js 14 by the maintainers so YMMV.
JWe don't generate source maps compatible with the next-on-pages output IIRC, and it wouldn't be very simple to do so IMO. The .next directory in the Next.js build directory. The .vercel directory is the Vercel CLI build directory, and .vercel/output/static/_worker.js is the output directory for next-on-pages.
Jre-deploying
SHas anyone managed to get Sentry working with next-on-pages? It works perfectly locally but as soon as it's deployed to Cloudflare pages we get zero events in Sentry. It's almost like there's a network issue between Cloudflare and Sentry. Nothing in the logs at all. The test error in the route handler is logged as a 500 in the Cloudflare log stream but that's it.
