Hi, how do I run `next dev` with edge runtime? When I load up my app on `next dev` with `runtime = "

Hi, how do I run

next dev

next dev

with edge runtime? When I load up my app on

next dev

next dev

with

runtime = "edge"

runtime = "edge"

runtime = "edge"

runtime = "edge" it shows a blank screen

Tt4 Hi, how do I run `next dev` with edge runtime? When I load up my app on `next de...

aspecs•6/4/24, 4:40 AM

https://github.com/vercel/next.js/issues/53562

GitHub

error TypeError: Cannot read properties of undefined (reading '') w...

Verify canary release I verified that the issue exists in the latest Next.js canary release Provide environment information Operating System: Platform: win32 Arch: x64 Version: Windows 10 Pro Binar...

Tt4 Hi, how do I run `next dev` with edge runtime? When I load up my app on `next de...

ixixix•6/4/24, 4:44 AM

I just created a new next project with cloudflare cli and added the runtime='edge'runtime='edge' and it works

Aaspecs https://github.com/vercel/next.js/issues/53562

t4OP•6/4/24, 4:44 AM

I'm on a Mac

t4OP•6/4/24, 4:45 AM

But just to confirm it's supposed to not break next dev? As in I don't need to switch to Wrangler or something like that

t4OP•6/4/24, 4:58 AM

I think the issue is something else; it's the env vars

t4OP•6/4/24, 4:59 AM

how am I supposed to manage environment variables in

next dev

next dev

if in edge runtime mode working with Cloudflare? I don't want to

NEXT_PUBLIC_

NEXT_PUBLIC_

my github app secrets

Tt4 how am I supposed to manage environment variables in `next dev` if in edge runti...

ixixix•6/4/24, 5:14 AM

Maybe this can help you, it's recommended to use

getRequestContext

getRequestContext

and

.dev.vars

.dev.vars

https://developers.cloudflare.com/pages/framework-guides/nextjs/deploy-a-nextjs-site/#top-level-getrequestcontext

Cloudflare Docs

Full-stack deployment · Cloudflare Pages docs

Deploy a full-stack Next.js site (recommended).

Iixixix Maybe this can help you, it's recommended to use `getRequestContext` and `.dev.v...

t4OP•6/4/24, 5:15 AM

does this work also outside of route handlers?

t4OP•6/4/24, 5:16 AM

(i.e. I can replace

process.env

process.env

anywhere in the code with

getRequestContext()

getRequestContext()

)

Tt4 does this work also outside of route handlers?

ixixix•6/4/24, 5:17 AM

i think it works locally in dev mode but not in a build

Tt4 (i.e. I can replace `process.env` anywhere in the code with `getRequestContext()...

ixixix•6/4/24, 5:20 AM

as long as you are not using it at the top level, it works anywhere rsc, route handlers, server actions

t4OP•6/4/24, 5:20 AM

top level being?

t4OP•6/4/24, 5:20 AM

would it work somewhere like

next.config.js

next.config.js

Tt4 would it work somewhere like `next.config.js`?

ixixix•6/4/24, 5:21 AM

t4OP•6/4/24, 5:23 AM

I need it to work there so I guess that's a no go

loco•6/4/24, 12:33 PM

How many worker invocation are counted when accessing bindings in next-on-page?
For example, if i visit simple hello world page
that would be 1 invocation
if i visit another page which fetches a row from d1(connected via binding) is that 1 + 1 invocation or a single invocation?

Lloco How many worker invocation are counted when accessing bindings in next-on-page? ...

Nob•6/4/24, 7:49 PM

single one

Nob•6/4/24, 7:50 PM

bindings have their own pricing

NNob bindings have their own pricing

loco•6/4/24, 8:19 PM

seems to be effectively the same thing

Lloco seems to be effectively the same thing

Nob•6/4/24, 9:22 PM

service bindings are only between workers I think

Village (Josef)•6/5/24, 1:50 AM

Is there a clean way to run Cron stuff with next-on-pages?

Village (Josef)•6/5/24, 1:50 AM

Or do I need to duplicate stuff out into a second worker?

Village (Josef)•6/5/24, 1:50 AM

Or restructure into a monorepo

ronit•6/5/24, 5:01 AM

hey

ronit•6/5/24, 5:01 AM

i am unable to deploy next app

ronit•6/5/24, 5:02 AM

https://github.com/cloudflare/next-on-pages/issues/608

GitHub

[🐛 Bug]: "spawn npx ENOENT" error trying to run npx @cloudflare/nex...

next-on-pages environment related information System: Platform: win32 Arch: x64 Version: Windows 10 Pro CPU: (8) x64 Intel(R) Core(TM) i7-6700K CPU @ 4.00GHz Memory: 32 GB Shell: C:\Program Files\G...

ronit•6/5/24, 5:02 AM

facing this issue

Rronit https://github.com/cloudflare/next-on-pages/issues/608

cj•6/5/24, 6:59 AM

It is recommended you use Linux or MacOS

As per the docs - link

@cloudflare/next-on-pages can be run on Linux, Mac OS and Windows but its usage under the latter is discouraged as we've noticed that one of the CLI's dependencies, the Vercel CLI (used to build the Next.js application) seems not to work reliably on Windows. If you need to run @cloudflare/next-on-pages on Windows we advise you to run it under the Windows Subsystem for Linux.

Ccj It is recommended you use Linux or MacOS As per the docs - [link](https://githu...

ronit•6/5/24, 7:55 AM

ohh cool!! Thanks @cj

arunvilliers17•6/6/24, 7:09 AM

we have deployed our website in pages and it is working fine in pages dynamic URL, After mapping a custom domain to the dynamic URL. website static page is getting loaded, but the dynamic pages are not getting loaded.

Aarunvilliers17 we have deployed our website in pages and it is working fine in pages dynamic UR...

cj•6/6/24, 3:48 PM

Do you mean dynamic routes ?

What I understand is:

Your next js app works in production with a url like this
```
https://project-name.pages.dev/
```
```
https://project-name.pages.dev/
```
, right?
You added a custom domain for this project - cool

Now what is the problem?

https://project-name.pages.dev/

https://project-name.pages.dev/

works, but

project-name.com

project-name.com

does not?

sszsssszs•6/7/24, 5:19 AM

Hi there, I would like to add _middleware.js for the new next.js project. Could someone help to explain where should I put this file?

Ccj Do you mean [dynamic routes](https://nextjs.org/docs/pages/building-your-applica...

arunvilliers17•6/7/24, 5:35 AM

yes, i mention my url

pages url: dev-poorvika-ecom.pages.dev
custom domain: https://dev-cf.poorvika.com/

kindly check this url

Best Online Shopping for Mobiles, Laptops, Home Appliances & more in India

Ssszsssszs Hi there, I would like to add _middleware.js for the new next.js project. Could ...

cj•6/7/24, 8:11 AM

If you have a

src

src

folder then inside that. Else place it at the root of the project - docs

/
  src/
    app/
    - middleware.ts

/
  src/
    app/
    - middleware.ts

else

/
  app/
  - middleware.ts

/
  app/
  - middleware.ts

Aarunvilliers17 yes, i mention my url pages url: dev-poorvika-ecom.pages.dev custom domain: htt...

cj•6/7/24, 8:22 AM

Hm, I don't know what the issue might be here without access to the code. Please try doing the following

Check if the production build works locally
Try creating a minimal reproducible example and post a question on pages-help

AA•6/7/24, 5:04 PM

https://github.com/cloudflare/next-on-pages/blob/c2b173ce89c82dd1566474191691bb5d62d01e67/packages/next-on-pages/templates/_worker.js/utils/fetch.ts#L20 <-- somehow i have an outbound POST request thats getting cached and its not making a lot of sense

GitHub

next-on-pages/packages/next-on-pages/templates/_worker.js/utils/fet...

CLI to build and develop Next.js apps for Cloudflare Pages - cloudflare/next-on-pages

VVillage (Josef)Or restructure into a monorepo

Rohit Verma•6/9/24, 6:28 AM

hey, did you find any solution or you are trying with restructuring

Village (Josef)•6/9/24, 4:57 PM

Haven’t found anything nope

Village (Josef)•6/9/24, 4:58 PM

Probably going to end up having to restructure into a Pages app, cron worker, and shared utilities

VVillage (Josef)Probably going to end up having to restructure into a Pages app, cron worker, an...

Hello, I’m Allie!•6/9/24, 5:02 PM

This. Pages itself does not support any handlers other than fetch, so Crons have to be in a separate Worker

Village (Josef)•6/9/24, 5:36 PM

Sigh aw well

Village (Josef)•6/9/24, 5:36 PM

Thanks!

Village (Josef)•6/11/24, 1:46 AM

For some reason R2 just flat out doesn't work anymore. My production code (same code) works just fine, but when I attempt to pass in Headers objects to portions of r2.get or object.writeHttpMetadata, as is supported or at least was, it errors out with cannot stringify arbitrary non-POJO's. Then, if I remove all usage of that, the instant r2.get returns an object the body is read already so it's impossible for me to actually read what's inside the object and do anything with it.

Village (Josef)•6/11/24, 1:46 AM

Is this a known issue or something new or?

Village (Josef)•6/11/24, 1:46 AM

Like R2 just flat out doesn't work locally anymore which isn't the greatest

JJames Yes generateStaticParams is supposed to be used for SSGing routes at build time

Soren•6/11/24, 8:13 PM

generateStaticParams

generateStaticParams

doesn't work on cloudflare, no?

SSoren `generateStaticParams` doesn't work on cloudflare, no?

James•6/11/24, 9:14 PM

it tells you in the next sentence how you can use it

JJames it tells you in the next sentence how you can use it

Soren•6/11/24, 9:20 PM

Now I get it. Dang. And btw does

/api

/api

route work on Cloudflare? Or will it break?

This is my

api/revalidate/route.ts

api/revalidate/route.ts

import { NextRequest, NextResponse } from "next/server";
import { getPosts } from "@/utils/apis";

export const GET = async (req: NextRequest) => {
    try {
        const posts = await getPosts();
        return NextResponse.json(posts, {status: 200});
    } catch (err: any) {
        return NextResponse.json({error: err.message}, {status: 500});
    }
};

import { NextRequest, NextResponse } from "next/server";
import { getPosts } from "@/utils/apis";

export const GET = async (req: NextRequest) => {
    try {
        const posts = await getPosts();
        return NextResponse.json(posts, {status: 200});
    } catch (err: any) {
        return NextResponse.json({error: err.message}, {status: 500});
    }
};

SSoren Now I get it. Dang. And btw does `/api` route work on Cloudflare? Or will it bre...

Nob•6/12/24, 1:49 AM

add export const runtime = 'edge'

Soren•6/12/24, 1:52 AM

Do I need to add it in every file? @Nob

Hi, how do I run `next dev` with edge runtime? When I load up my app on `next dev` with `runtime = "

Similar Threads

Similar Threads

Similar Threads