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

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?

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

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

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

Oh, how do I do that?

cjOP•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 = true
```
```
upload_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 deploy

pnpm 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

dns

dns

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

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

PPuliczek or how to restart cloudflare page? I added new envs, and to make them work i nee...

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

re-deploying

Sam•1/7/25, 3:00 AM

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

SSam Has anyone managed to get Sentry working with next-on-pages? It works perfectly ...

ItsWendell•1/10/25, 10:59 AM

@Sam already found a solution? Sounds like Sentry is not enabled in production, possibly due to it not finding the environment variable NEXT_PULBIC_SENTRY_DNS for example. You need to make sure this is available at runtime (in your wrangler.toml or in the dashboard) for potentially SSR and during build time for e.g. static pages (e.g. in your Github CI/CD)