We have just released @opennextjs/cloudflare 0.3.0 🎉 Thanks to everybody who made that possible, fr

We 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

Index - OpenNext

Open-source Next.js adapters

NZX•12/23/24, 8:06 PM

Hello, 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!

NZX•12/23/24, 8:39 PM

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 ?

NNZX I have succeeded with wrangler, but I found that I can only upload a next projec...

dapperdandev•12/24/24, 7:50 PM

I 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?

Ddapperdandev I successfully uploaded an AngularJS (yes, the really old one) project both with...

NZX•12/24/24, 8:01 PM

I succeeded . I build the next js internally then outputted the build files

koribot•12/25/24, 4:41 AM

Hello, will dynamic routes be supported in the near future?

VVictor Berchet We have just released @opennextjs/cloudflare 0.3.0 🎉 Thanks to everybody who ma...

Baran•12/25/24, 1:06 PM

Congrats on the release!

Is there a v1 / version 1 roadmap and ETA for opennextjs-cloudflare?

BBaran Congrats on the release! Is there a v1 / version 1 roadmap and ETA for opennext...

Victor BerchetOP•12/27/24, 5:46 PM

The 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.

cj•12/28/24, 5:58 AM

How do I make the image assets (static assets - inside public directory) load faster?

If you check my website - https://sendbetter.co

you can see it took a second to load the hero images.

Ccj How do I make the image assets (static assets - inside public directory) load fa...

Hard@Work•12/28/24, 6:17 AM

For 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

Hard@Work•12/28/24, 6:17 AM

That and, you may be running your Functions in front of your assets?

HHard@Work That and, you may be running your Functions in front of your assets?

cj•12/28/24, 6:19 AM

I 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?

HHard@Work For me, the images load pretty quickly. Per Page-Speed Insights, you could resiz...

cj•12/28/24, 6:20 AM

Ty, will add smaller assets and use the right sized image for different display sizes

Ccj I am using next-on-pages. I am not running workers directly and I don't know how...

Hello, I’m Allie!•12/28/24, 7:13 AM

Basically, 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

HHello, I’m Allie!Basically, you can tell Pages to skip Next and serve your assets directly. Afaik...

cj•12/28/24, 7:49 AM

Oh, how do I do that?

cj•12/28/24, 8:01 AM

next-on-pages automatically creates

_routes.json

_routes.json

and my public folder is already excluded

{
  "version": 1,
  "description": "Built with @cloudflare/next-on-pages@1.13.7.",
  "include": ["/*"],
  "exclude": ["/_next/static/*"]
}

{
  "version": 1,
  "description": "Built with @cloudflare/next-on-pages@1.13.7.",
  "include": ["/*"],
  "exclude": ["/_next/static/*"]
}

(if this is what you mean)
link to docs - https://developers.cloudflare.com/pages/framework-guides/nextjs/ssr/static-assets/

Cloudflare Docs

Routing static assets | Full-stack (SSR) | Next.js apps · Cloudflar...

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

Ccj next-on-pages automatically creates `_routes.json` and my public folder is alrea...

Hello, I’m Allie!•12/28/24, 8:10 AM

Yeah, then you should be good on that front

Hello, I’m Allie!•12/28/24, 8:10 AM

Couldn’t remember whether Next did it automatically or not

PRO•12/28/24, 10:59 AM

Hi 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!

segfault•12/28/24, 2:50 PM

does next on pages allow you to have a /functions dir in the project root as well?

lyn•12/28/24, 4:40 PM

does a request to one of my static pages count against my worker invocations?

Ssegfault does next on pages allow you to have a /functions dir in the project root as wel...

Hello, I’m Allie!•12/28/24, 5:30 PM

Nope, you have to use Next’s API Routes

Llyn does a request to one of my static pages count against my worker invocations?

Hello, I’m Allie!•12/28/24, 5:30 PM

Yes, as next-on-pages requires itself to be run on all Pages, regardless of whether they are pre-rendered or not

Hello, I’m Allie!•12/28/24, 5:31 PM

Unless your entire project is pre-rendered, but then you don’t actually need next-on-pages

lyn•12/28/24, 5:31 PM

alright

lyn•12/28/24, 5:31 PM

lyn•12/28/24, 5:46 PM

is 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

HHello, I’m Allie!Nope, you have to use Next’s API Routes

segfault•12/28/24, 6:39 PM

man thats a bummer okay i guess i make a seperate repo

Ssegfault man thats a bummer okay i guess i make a seperate repo

Hello, I’m Allie!•12/28/24, 6:57 PM

Not sure I understand, why can’t you use Next’s own thing?

segfault•12/28/24, 10:34 PM

the site's just already on next and I intend to migrate it away from next

segfault•12/28/24, 10:34 PM

I want my serverside api to be seperate and with less overhead

useless•12/28/24, 11:32 PM

Hi 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.

gnanesh•12/30/24, 12:03 PM

Hey, 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.

Cloudflare Docs

Supported features · Cloudflare Pages 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.

Baran•12/30/24, 1:58 PM

Aim
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 = trueupload_source_maps = true to
```
wrangler.toml
```
```
wrangler.toml
```
file.
My app's wrangler version: "wrangler": "^3.99.0""wrangler": "^3.99.0"
Run pnpm next-on-pages && pnpm wrangler pages deploypnpm next-on-pages && pnpm wrangler pages deploy

Problem
Q1: What is the sourcemap file's path? I can't find it.
Q2: Do I need to make any changes in

tsconfig.json

tsconfig.json

Q3: Where can I learn more information about .next/.next/ and .vercel/.vercel/ folders?

nikiv.dev•1/2/25, 3:14 PM

I just added redirect rule but it does nothing

nikiv.dev•1/2/25, 3:15 PM

even did this in dnsdns

nikiv.dev•1/2/25, 3:15 PM

does nothing too, still does not redirect

Nnikiv.dev I just added redirect rule but it does nothing

Chaika•1/2/25, 3:16 PM

what does this have to do with next on pages?

nikiv.dev•1/2/25, 3:17 PM

a sorry thought it as pages-discussionspages-discussions

Ferdinand•1/6/25, 1:35 PM

Hello, can I use d1 with server actions?

FFerdinand Hello, can I use d1 with server actions?

Puliczek•1/6/25, 2:17 PM

yes, i am using it all the time

Ggnanesh Hey, are server actions supported in next-on-pages? I'm getting the 405 method e...

Puliczek•1/6/25, 2:19 PM

it works on nextjs 14, i am using it.

PPuliczek yes, i am using it all the time

Ferdinand•1/6/25, 2:23 PM

I'm getting this error. In my other project, the PrismaD1 connection is exactly the same.

FFerdinand I'm getting this error. In my other project, the PrismaD1 connection is exactly ...

Puliczek•1/6/25, 2:25 PM

Try with API and you will get answer if thats a problem with only server actions. I am using D1 with drizzle on server actions

PPuliczek Try with API and you will get answer if thats a problem with only server actions...

Ferdinand•1/6/25, 2:28 PM

I did, it is working. I am using prisma in both. I prefer prisma, but I think maybe I should use drizzle.

FFerdinand I did, it is working. I am using prisma in both. I prefer prisma, but I think ma...

Puliczek•1/6/25, 2:29 PM

Simple example that works

PPuliczek Simple example that works

Ferdinand•1/6/25, 2:33 PM

If I use neon, this works.

Puliczek•1/6/25, 3:11 PM

Does 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...

Puliczek•1/6/25, 3:20 PM

or 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?

Ggnanesh Hey, are server actions supported in next-on-pages? I'm getting the 405 method e...

James•1/6/25, 7:37 PM

I'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.

BBaran **Aim** Upload my Next.js app's sourcemap file to highlight.io (or other service...

James•1/6/25, 7:40 PM

We 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.

We have just released @opennextjs/cloudflare 0.3.0 🎉 Thanks to everybody who made that possible, fr

Similar Threads

Similar Threads

Similar Threads