Set bun as your package manager in your package.json and add bun install to your build step
Set bun as your package manager in your package.json and add bun install to your build step
Toh ok. thanks for replying
JBarrel files are normally a big offender
EHi, random question, is
__NEXT_INCREMENTAL_CACHE_IPC_KEY sensitive? It says "key" and looks random so I imagine it could be... but I'm not sure what it would be for. I don't see it documented anywhere but I see it in process.env
EActually, I assumed this was a Cloudflare Pages thing, but there's nothing indicating it is. It's probably just an internal next thing, so I'm asking in the wrong place.
PUsing Nextjs and defining route endpoints, I realized all these route endpoints need to be using the edge runtime. I can't seem to use the nodejs runtime like with workers when using next-on-pages. Is this correct? Can someone confirm? It seems like I need to separate my frontend and backend so next-on-pages mainly loads the nextjs frontend app and server actions whereas my backend needs to be written in my case in honojs and as a cloudflare worker deployment OUTSIDE of nextjs route endpoints (otherwise next-on-pages will try to build the route endpoints on pages and it'll require edge runtime). Is that correct?
Ptldr; cloudflare next-on-pages 100% needs edge runtime. There is no way to put nextjs route endpoints on cloudflare workers using nodejs runtime when using next-on-pages right?
JCorrect, next-on-pages only works with either prerendered routes or edge-runtime routes
RAnyone have a good way to make my preview deployments use a different .env file? So .env.production for production and .env.staging or .env.preview for preview?
VWe have just released @opennextjs/cloudflare 0.3.0 
Thanks to everybody who made that possible, from cloudflare and the community.
Kudos to @Dario @petebd @conico974 @James and everybody that submitted PRs and reported feeback
The docs have been updated for the released at https://opennext.js.org/cloudflare, including a migration guide from 0.2.
0.3 supports middleware, loading .env* files, ... It includes quite a few bug fixes and improvements.
Please test this new release and report feedback!
Happy holiday season
Check the Open Next discord for more info about Next on Workers https://discord.gg/opennextjs
Thanks to everybody who made that possible, from cloudflare and the community.
Kudos to @Dario @petebd @conico974 @James and everybody that submitted PRs and reported feeback
The docs have been updated for the released at https://opennext.js.org/cloudflare, including a migration guide from 0.2.
0.3 supports middleware, loading .env* files, ... It includes quite a few bug fixes and improvements.
Please test this new release and report feedback!
Happy holiday season
Check the Open Next discord for more info about Next on Workers https://discord.gg/opennextjs
NHello, i am looking for help,
I am making a website builder, and I made a "publish" button that deploys the users website into cloudflare but I am having issues.
Basically when I press Publish, I have a big function that turns my node tree of the builder into a next js project (creates component, creates app folder, src etc..), then I need it to automatically deploy that project to a new Pages or Worker. How can i proceed ? Thank you!
I am making a website builder, and I made a "publish" button that deploys the users website into cloudflare but I am having issues.
Basically when I press Publish, I have a big function that turns my node tree of the builder into a next js project (creates component, creates app folder, src etc..), then I need it to automatically deploy that project to a new Pages or Worker. How can i proceed ? Thank you!
NI 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
toupload_source_maps = true
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/.vercel/
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
