how am I supposed to manage environment variables in `next dev` if in edge runtime mode working with

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

I

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

T

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

does this work also outside of route handlers?

T

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

(i.e. I can replace

process.env

process.env

anywhere in the code with

getRequestContext()

getRequestContext()

getRequestContext()

getRequestContext())

Tt4 does this work also outside of route handlers?

I

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

I

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

T

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

top level being?

T

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

would it work somewhere like

next.config.js

next.config.js

next.config.js

next.config.js?

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

I

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

no

T

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

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

L

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

N

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

single one

N

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

bindings have their own pricing

NNob bindings have their own pricing

L

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

seems to be effectively the same thing

Lloco seems to be effectively the same thing

N

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

service bindings are only between workers I think

V

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

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

V

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

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

V

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

Or restructure into a monorepo

R

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

hey

R

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

i am unable to deploy next app

R

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

R

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

facing this issue

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

C

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

R

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

ohh cool!! Thanks @cj

A

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

C

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/
```
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/

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

https://project-name.pages.dev/ works, but

project-name.com

project-name.com

project-name.com

project-name.com does not?

S

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

A

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

C

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

/
  src/
    app/
    - middleware.ts

/
  src/
    app/
    - middleware.ts

else

/
  app/
  - middleware.ts

/
  app/
  - middleware.ts

/
  app/
  - middleware.ts

/
  app/
  - middleware.ts

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

C

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

A

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

R

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

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

V

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

Haven’t found anything nope

V

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

H

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

V

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

Sigh aw well

V

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

Thanks!

V

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.

V

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

Is this a known issue or something new or?

V

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

S

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

generateStaticParams

generateStaticParams

generateStaticParams

generateStaticParams doesn't work on cloudflare, no?

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

J

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

S

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

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});
    }
};

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

N

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

add export const runtime = 'edge'

S

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

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

G

gerbyzation•6/12/24, 10:52 AM

Is it possible to turn off minification somehow? Attempting to port an existing next app over to cloudflare pages but we're running into some issues and it's not clear where this is originating from

✘ [ERROR] TypeError: Invalid URL string.

      at null.<anonymous>
  (file:///Users/gerbenneven/projects/pages-test-project/.vercel/output/static/_worker.js/__next-on-pages-dist__/functions/[lang].func.js:77:3608)
      at Mt
  (file:///Users/gerbenneven/projects/pages-test-project/.vercel/output/static/_worker.js/__next-on-pages-dist__/functions/[lang].func.js:77:2452)
      at os.request
  (file:///Users/gerbenneven/projects/pages-test-project/.vercel/output/static/_worker.js/__next-on-pages-dist__/functions/[lang].func.js:77:5643)
      at null.<anonymous>
  (file:///Users/gerbenneven/projects/pages-test-project/.vercel/output/static/_worker.js/__next-on-pages-dist__/functions/[lang].func.js:492:641)
      at qs
  (file:///Users/gerbenneven/projects/pages-test-project/.vercel/output/static/_worker.js/__next-on-pages-dist__/functions/[lang].func.js:492:17)
      at GetNavigation
  (file:///Users/gerbenneven/projects/pages-test-project/.vercel/output/static/_worker.js/__next-on-pages-dist__/functions/[lang].func.js:492:634)
      at Vs
  (file:///Users/gerbenneven/projects/pages-test-project/.vercel/output/static/_worker.js/__next-on-pages-dist__/functions/[lang].func.js:492:960)
      at Hs
  (file:///Users/gerbenneven/projects/pages-test-project/.vercel/output/static/_worker.js/__next-on-pages-dist__/functions/[lang].func.js:503:343)
      at qe
  (file:///Users/gerbenneven/projects/pages-test-project/.vercel/output/static/_worker.js/__next-on-pages-dist__/webpack/7918f84a91933fd88af2d7a37e95066f.js:5:501)
      at null.<anonymous>
  (file:///Users/gerbenneven/projects/pages-test-project/.vercel/output/static/_worker.js/__next-on-pages-dist__/webpack/7918f84a91933fd88af2d7a37e95066f.js:9:7888)

✘ [ERROR] TypeError: Invalid URL string.

      at null.<anonymous>
  (file:///Users/gerbenneven/projects/pages-test-project/.vercel/output/static/_worker.js/__next-on-pages-dist__/functions/[lang].func.js:77:3608)
      at Mt
  (file:///Users/gerbenneven/projects/pages-test-project/.vercel/output/static/_worker.js/__next-on-pages-dist__/functions/[lang].func.js:77:2452)
      at os.request
  (file:///Users/gerbenneven/projects/pages-test-project/.vercel/output/static/_worker.js/__next-on-pages-dist__/functions/[lang].func.js:77:5643)
      at null.<anonymous>
  (file:///Users/gerbenneven/projects/pages-test-project/.vercel/output/static/_worker.js/__next-on-pages-dist__/functions/[lang].func.js:492:641)
      at qs
  (file:///Users/gerbenneven/projects/pages-test-project/.vercel/output/static/_worker.js/__next-on-pages-dist__/functions/[lang].func.js:492:17)
      at GetNavigation
  (file:///Users/gerbenneven/projects/pages-test-project/.vercel/output/static/_worker.js/__next-on-pages-dist__/functions/[lang].func.js:492:634)
      at Vs
  (file:///Users/gerbenneven/projects/pages-test-project/.vercel/output/static/_worker.js/__next-on-pages-dist__/functions/[lang].func.js:492:960)
      at Hs
  (file:///Users/gerbenneven/projects/pages-test-project/.vercel/output/static/_worker.js/__next-on-pages-dist__/functions/[lang].func.js:503:343)
      at qe
  (file:///Users/gerbenneven/projects/pages-test-project/.vercel/output/static/_worker.js/__next-on-pages-dist__/webpack/7918f84a91933fd88af2d7a37e95066f.js:5:501)
      at null.<anonymous>
  (file:///Users/gerbenneven/projects/pages-test-project/.vercel/output/static/_worker.js/__next-on-pages-dist__/webpack/7918f84a91933fd88af2d7a37e95066f.js:9:7888)

✘ [ERROR] TypeError: Invalid URL string.

      at null.<anonymous>
  (file:///Users/gerbenneven/projects/pages-test-project/.vercel/output/static/_worker.js/__next-on-pages-dist__/functions/[lang].func.js:77:3608)
      at Mt
  (file:///Users/gerbenneven/projects/pages-test-project/.vercel/output/static/_worker.js/__next-on-pages-dist__/functions/[lang].func.js:77:2452)
      at os.request
  (file:///Users/gerbenneven/projects/pages-test-project/.vercel/output/static/_worker.js/__next-on-pages-dist__/functions/[lang].func.js:77:5643)
      at null.<anonymous>
  (file:///Users/gerbenneven/projects/pages-test-project/.vercel/output/static/_worker.js/__next-on-pages-dist__/functions/[lang].func.js:492:641)
      at qs
  (file:///Users/gerbenneven/projects/pages-test-project/.vercel/output/static/_worker.js/__next-on-pages-dist__/functions/[lang].func.js:492:17)
      at GetNavigation
  (file:///Users/gerbenneven/projects/pages-test-project/.vercel/output/static/_worker.js/__next-on-pages-dist__/functions/[lang].func.js:492:634)
      at Vs
  (file:///Users/gerbenneven/projects/pages-test-project/.vercel/output/static/_worker.js/__next-on-pages-dist__/functions/[lang].func.js:492:960)
      at Hs
  (file:///Users/gerbenneven/projects/pages-test-project/.vercel/output/static/_worker.js/__next-on-pages-dist__/functions/[lang].func.js:503:343)
      at qe
  (file:///Users/gerbenneven/projects/pages-test-project/.vercel/output/static/_worker.js/__next-on-pages-dist__/webpack/7918f84a91933fd88af2d7a37e95066f.js:5:501)
      at null.<anonymous>
  (file:///Users/gerbenneven/projects/pages-test-project/.vercel/output/static/_worker.js/__next-on-pages-dist__/webpack/7918f84a91933fd88af2d7a37e95066f.js:9:7888)

✘ [ERROR] TypeError: Invalid URL string.

      at null.<anonymous>
  (file:///Users/gerbenneven/projects/pages-test-project/.vercel/output/static/_worker.js/__next-on-pages-dist__/functions/[lang].func.js:77:3608)
      at Mt
  (file:///Users/gerbenneven/projects/pages-test-project/.vercel/output/static/_worker.js/__next-on-pages-dist__/functions/[lang].func.js:77:2452)
      at os.request
  (file:///Users/gerbenneven/projects/pages-test-project/.vercel/output/static/_worker.js/__next-on-pages-dist__/functions/[lang].func.js:77:5643)
      at null.<anonymous>
  (file:///Users/gerbenneven/projects/pages-test-project/.vercel/output/static/_worker.js/__next-on-pages-dist__/functions/[lang].func.js:492:641)
      at qs
  (file:///Users/gerbenneven/projects/pages-test-project/.vercel/output/static/_worker.js/__next-on-pages-dist__/functions/[lang].func.js:492:17)
      at GetNavigation
  (file:///Users/gerbenneven/projects/pages-test-project/.vercel/output/static/_worker.js/__next-on-pages-dist__/functions/[lang].func.js:492:634)
      at Vs
  (file:///Users/gerbenneven/projects/pages-test-project/.vercel/output/static/_worker.js/__next-on-pages-dist__/functions/[lang].func.js:492:960)
      at Hs
  (file:///Users/gerbenneven/projects/pages-test-project/.vercel/output/static/_worker.js/__next-on-pages-dist__/functions/[lang].func.js:503:343)
      at qe
  (file:///Users/gerbenneven/projects/pages-test-project/.vercel/output/static/_worker.js/__next-on-pages-dist__/webpack/7918f84a91933fd88af2d7a37e95066f.js:5:501)
      at null.<anonymous>
  (file:///Users/gerbenneven/projects/pages-test-project/.vercel/output/static/_worker.js/__next-on-pages-dist__/webpack/7918f84a91933fd88af2d7a37e95066f.js:9:7888)

SSoren Do I need to add it in every file? <@1048398696460599357>

N

Nob•6/12/24, 11:52 AM

yes for every page/api that should run on the edge

N

Nob•6/12/24, 11:53 AM

api should always run on the edge

SSoren Do I need to add it in every file? <@1048398696460599357>

I

ItsWendell•6/13/24, 8:01 AM

Actually, just adding it to the root layout worked fine for us, but we don't use API endpoints but a binding to an actual worker.

how am I supposed to manage environment variables in `next dev` if in edge runtime mode working with

Similar Threads

Similar Threads

Similar Threads