You can just make a not found page with the edge runtime, I ran in to that issue when my root layout

You can just make a not found page with the edge runtime, I ran in to that issue when my root layout page was needing the edge runtime

https://developers.cloudflare.com/pages/framework-guides/nextjs/ssr/troubleshooting/#app-router

KKyzer You can just make a not found page with the edge runtime, I ran in to that issue...

Spajk•10/5/24, 2:48 PM

That's exactly what happened, thanks!

KKyzer You can just make a not found page with the edge runtime, I ran in to that issue...

Spajk•10/5/24, 3:31 PM

Is there a way to just force edge runtime for functions globally?

SSpajk Is there a way to just force edge runtime for functions globally?

KyzerOP•10/5/24, 3:46 PM

No idea, not that I know of anyway

James•10/5/24, 7:19 PM

all routes under a layout will use the runtime specified in the layout

mr nooli•10/5/24, 11:02 PM

What's the best place to ask questions about opennext/cloudflare?

James•10/5/24, 11:03 PM

The opennext discord

mr nooli•10/5/24, 11:04 PM

just found the opennext server, thanks!

whizzy•10/6/24, 2:01 AM

Where can I find logs for pages ? Like previously it had realtime logs but currently can’t find

JJames all routes under a layout will use the runtime specified in the layout

Spajk•10/6/24, 7:08 AM

so just putting the edge runtime into the root layout is enough to force it for everything?

SSpajk so just putting the edge runtime into the root layout is enough to force it for ...

James•10/6/24, 9:37 AM

yes

mr nooli•10/6/24, 10:35 AM

Ended up going back to next-on-pages as there was a bunch of issues rising up and it doesn't seem stable to deploy to prod. However, having said that I'm running into a couple of issues with the workers running out of memory - it works fine on my local device but not when its been deployed. Any idea how I'd go about debugging it or requesting more memory?

mr nooli•10/6/24, 10:36 AM

Also some pages are immensly slow, like I'm talking ~10-20 seconds if they load at all?

Wwhizzy Where can I find logs for pages ? Like previously it had realtime logs but curre...

Walshy•10/6/24, 11:55 AM

still in the same place as always

Walshy•10/6/24, 11:55 AM

https://dash.cloudflare.com/?to=/:account/pages/view/:pages-project/:pages-deployment/functions

koribot•10/8/24, 6:23 AM

Hey guys I am having hard time in dealing with putting authentication on my api/route.

My website has no log-in feature so user can just access it freely, the problem though is that the api/route can be access too I tried setting up a middleware

the problem is sometimes the referer and host is empty on the log, I am thinking on implementing token and saving it on kv but I am not sure how to do it

. Sorry noob here

Kkoribot Hey guys I am having hard time in dealing with putting authentication on my api/...

Tanmay Kapoor•10/8/24, 4:08 PM

@koribot can you check if this helps: https://developers.cloudflare.com/fundamentals/api/get-started/.

Cloudflare Docs

Get started | Cloudflare Fundamentals docs

Using the Cloudflare API requires authentication so that Cloudflare knows who is making requests and what permissions you have. Create an API token to grant access to the API to perform actions.

TTanmay Kapoor <@543379172932714499> can you check if this helps: https://developers.cloudflar...

koribot•10/9/24, 11:59 AM

Thanks but I think the this is for accessing cloudflare products connected to your account

Original message was deleted

Isaac McFadyen•10/13/24, 12:56 PM

?crossposting

Flare•10/13/24, 12:56 PM

Please do not post your question in multiple channels/post it multiple times per the rules at ⁠No Access. It creates confusion for people trying to help you and doesn't get your issue or question solved any faster.

James•10/14/24, 7:42 AM

app router has always worked

devcat•10/14/24, 5:31 PM

I saw there is two ways of deploing nextjs to cloudflare - workers and pages. I'm wondering which one should I choose and why

R in Tokyo•10/15/24, 4:21 AM

We're using the official redis-om node library, but get this error which occurs when we add

export const runtime = "edge";

export const runtime = "edge";

needed for Next Apps running on the edge with Cloudflare.

Error: Module not found: Can't resolve 'net'
  14 | Object.defineProperty(exports, "__esModule", { value: true });
  15 | const events_1 = require("events");
> 16 | const net = require("net");
     | ^
  17 | const tls = require("tls");
  18 | const errors_1 = require("../errors");
  19 | const utils_1 = require("../utils");

Error: Module not found: Can't resolve 'net'
  14 | Object.defineProperty(exports, "__esModule", { value: true });
  15 | const events_1 = require("events");
> 16 | const net = require("net");
     | ^
  17 | const tls = require("tls");
  18 | const errors_1 = require("../errors");
  19 | const utils_1 = require("../utils");

@James thoughts on this error ?

Ddevcat I saw there is two ways of deploing nextjs to cloudflare - workers and pages. I'...

James•10/15/24, 7:43 AM

next-on-pages works for pages and will continue to receive bug fixes and whatnot, but the future direction centers around the workers adaptor and that is where you'll see more long-term support focused

hsnilsson•10/15/24, 8:28 AM

Error:
[wrangler:inf] Ready on http://localhost:8788

Parsed 1 valid header rule.
Enable Draft Mode:
✘ [ERROR] Error: Invariant: previewProps missing previewModeId this should never happen

When:

Trying to activate draft mode in a Nexjs 14.2.15 (current version)
Using app router and defining edge runtime.
Works when running locally in dev, but not with next-on-pages (using wrangler pages dev)

Reproduce:
https://github.com/hsnilsson/nextjs-draftmode-next-on-pages-reproduction
Created a reproduction repo. The last commit (https://github.com/hsnilsson/nextjs-draftmode-next-on-pages-reproduction/commit/be6ca46658ed28007eb35ac9fef72b57c62cb11e) explains the issue more.

JJames next-on-pages works for pages and will continue to receive bug fixes and whatnot...

hsnilsson•10/15/24, 9:29 AM

This would be super valuable information to have on the top note here: https://developers.cloudflare.com/pages/framework-guides/nextjs/ssr/get-started/

James•10/16/24, 2:58 PM

You are welcome to make a docs PR if you would like to

Jon•10/16/24, 11:33 PM

I have a nextjs app that has a root layout that contains a button that calls a server action. That server action imports a library that is 930 KB (105.65KB zipped) in size.
The issue is that this import is causing my worker to exceed the 1MB limit. When checking on my deployment, the uncompressed size of the worker goes from 3.5MB to 10MB+ just from this import. I would expect it go up by about 1MB when uncompressed, not 7MB.

Since the server action is being imported from within the root layout, it seems to be increasing the size of every page in my app, basically multiplying the the import size of the server action by the number of pages that use the root layout. Is this expected behavior?

JJon I have a nextjs app that has a root layout that contains a button that calls a s...

Isaac McFadyen•10/17/24, 3:32 AM

When bundling for Pages, the entire layouts/actions/etc are all bundled into one file.

Isaac McFadyen•10/17/24, 3:33 AM

It's just a limitation of how things are deployed... they must be a single file to be deployed as a Worker (or a Pages Function which next-on-pages uses under-the-hood)

Isaac McFadyen•10/17/24, 3:33 AM

But it shouldn't multiply (i.e. it should be imported once for everywhere that uses it)

IIsaac McFadyen But it shouldn't *multiply* (i.e. it should be imported once for everywhere that...

Jon•10/17/24, 4:09 AM

It seems to be duplicating the import for every page that uses the layout. I looked at the size for each page/function and each one is increased by 1MB uncompressed, which is the size of the library being imported. This is what brings the total worker size to increase by 7MB uncompressed for the single import

Constantin•10/19/24, 11:30 AM

@koribot you may also check this guide: https://blog.cloudflare.com/javascript-native-rpc/ using service workers (not http resty api needed)

The Cloudflare Blog

We've added JavaScript-native RPC to Cloudflare Workers

Cloudflare Workers now features a built-in RPC (Remote Procedure Call) system for use in Worker-to-Worker and Worker-to-Durable Object communication, with absolutely minimal boilerplate. We've designed an RPC system so expressive that calling a remote service can feel like using a library.

veeque•10/22/24, 1:21 PM

Going forward, will

next-on-pages

next-on-pages

be recommended more or less over

@opennextjs/cloudflare

@opennextjs/cloudflare

? Besides some very minute things, I cannot really find any meaningful difference between the two, so I'm wondering which one is better and why.

It can almost be thought of as "which is the more vercel-like thing", or "which does Cloudflare want you to use".

Vveeque Going forward, will `next-on-pages` be recommended more or less over `@opennextj...

hsnilsson•10/22/24, 4:20 PM

next-on-pages seems like the other way around. Definitely could be better documented though.

veeque•10/22/24, 5:14 PM

Just realised the way I wrote "more or less" didn't come across the way I thought it did ("more? or less?"). Anyway, thank you!

num•10/22/24, 5:30 PM

was anyone able to upgrade to next@15 and next-on-pages? Seems like something is going wrong now for my app.

Invalid prerender config for xxx

fry69•10/22/24, 5:31 PM

Next.js 15 is pretty fresh -> https://nextjs.org/blog/next-15

Hhsnilsson https://discord.com/channels/595317990191398933/1135899572141568050/129565327027...

veeque•10/22/24, 6:06 PM

Come think of it, the comment you mentioned could be all that needs to be added to the documentation honestly

zemonstas•10/23/24, 4:35 AM

hey y'all... I've recently moved to using cloudflare pages with nextjs 14 instead of vercel. I have a functions folder which isn't being picked up automatically for deployment - is this because each of those folders have their own wrangler.toml?

zemonstas•10/23/24, 4:35 AM

this isn't a complaint BTW, I prefer this feature. just wandering if that's something I can depend on in future...?

Jakov•10/23/24, 10:11 AM

Can anyone help me with pages-help ? If I don't do it soon I might lose my job

Zzemonstas hey y'all... I've recently moved to using cloudflare pages with nextjs 14 instea...

tadhglewis•10/23/24, 12:59 PM

You shouldn't use

functions

functions

folder. Instead you should use standard NextJS API handlers: https://nextjs.org/docs/app/building-your-application/routing/route-handlers

Routing: Route Handlers | Next.js

Create custom request handlers for a given route using the Web's Request and Response APIs.

Ccardyet Anyone have a guide of how to use the functions folder with nextjs on pages, I c...

Hello, I’m Allie!•10/23/24, 2:28 PM

next-on-pages(or any SSR framework) will generate functions for you, which overrides anything you put in the folder yourself. You need to use Next's API Routes instead of the functions folder

Routing: API Routes | Next.js

Next.js supports API Routes, which allow you to build your API without leaving your Next.js app. Learn how it works here.

Ccardyet ahh, but that then will use the next edge runtime I think so we have this node m...

Hello, I’m Allie!•10/23/24, 6:14 PM

Oh, you meant static Next? Then the functions folder should work fine

mokka 🍘•10/23/24, 7:19 PM

Hi i'm struggling to understand how i can fix this error, does anyone know how i can resolve it? sorry im new

James•10/23/24, 7:42 PM

That is an error from the Next.js build, so I would recommend making an issue on Next.js repo.

Error: Module not found: Can't resolve 'net' 14 | Object.defineProperty(exports, "__esModule", { value: true }); 15 | const events_1 = require("events"); > 16 | const net = require("net"); | ^ 17 | const tls = require("tls"); 18 | const errors_1 = require("../errors"); 19 | const utils_1 = require("../utils");

You can just make a not found page with the edge runtime, I ran in to that issue when my root layout

Similar Threads

Similar Threads

Similar Threads