fully... I _think_.... I am not too sure to be honest 😓 anyways the bug that most likely causes i

B

Befus•2/22/24, 11:41 AM

I managed to get next-on-pages -> drizzle -> d1 working with next auth for creating my users, so it was working fine for me? Weird

But when I was using process.env it worked on production but not locally and now that I am using env and getRequestContext it works locally but not in production lol

D

DarioOP•2/22/24, 11:43 AM

I managed to get next-on-pages -> drizzle -> d1 working with next auth for creating my users, so it was working fine for me? Weird

ok, maybe sometimes/in some cases it works.... I really don't know to be honest

(but if it works for you great!

)

D

DarioOP•2/22/24, 11:45 AM

But when I was using process.env it worked on production but not locally and now that I am using env and getRequestContext it works locally but not in production lol

I had this exact conversation yesterday

is that you're using variables in a

.env

.env

file? (those are only available/populated by

next dev

next dev

but not by

wrangler pages dev

wrangler pages dev

nor in the deployed application)

DDario fully... I _think_.... I am not too sure to be honest 😓 anyways the bug that ...

B

Befus•2/22/24, 11:45 AM

I see that this PR has been merged, maybe it is already fixed or is it not in prod yet?

BBefus I see that this PR has been merged, maybe it is already fixed or is it not in pr...

D

DarioOP•2/22/24, 11:46 AM

no, I'm sure it is not in prod as they haven't released it yet (https://github.com/cloudflare/workerd/releases)

DDario > But when I was using process.env it worked on production but not locally and n...

B

Befus•2/22/24, 11:48 AM

My .env file atm has nothing in it related to bindings, well when it worked using process.env I was using this:

env.d.ts
declare global {
  namespace NodeJS {
    interface ProcessEnv {
      DB: D1Database;
      DOCUMENTS_BUCKET: R2Bucket;
    }
  }
}

export {}

env.d.ts
declare global {
  namespace NodeJS {
    interface ProcessEnv {
      DB: D1Database;
      DOCUMENTS_BUCKET: R2Bucket;
    }
  }
}

export {}

env.d.ts
declare global {
  namespace NodeJS {
    interface ProcessEnv {
      DB: D1Database;
      DOCUMENTS_BUCKET: R2Bucket;
    }
  }
}

export {}

env.d.ts
declare global {
  namespace NodeJS {
    interface ProcessEnv {
      DB: D1Database;
      DOCUMENTS_BUCKET: R2Bucket;
    }
  }
}

export {}

Now: (working local but not in production)

env.d.ts
interface CloudflareEnv {
  DB: D1Database;
  DOCUMENTS_BUCKET: R2Bucket;
}

env.d.ts
interface CloudflareEnv {
  DB: D1Database;
  DOCUMENTS_BUCKET: R2Bucket;
}

env.d.ts
interface CloudflareEnv {
  DB: D1Database;
  DOCUMENTS_BUCKET: R2Bucket;
}

env.d.ts
interface CloudflareEnv {
  DB: D1Database;
  DOCUMENTS_BUCKET: R2Bucket;
}

D

DarioOP•2/22/24, 11:50 AM

My .env file atm has nothing in it related to bindings

weird

the

env.d.ts

env.d.ts

env.d.ts

env.d.ts file is only for providing the correct types, it doesn't effect what it made availabe or not (also I thought the issue could have been string bindings, not actual bindings, the latter doesn't really have anything to do with

.env

.env

files)

BBefus My .env file atm has nothing in it related to bindings, well when it worked usin...

D

DarioOP•2/22/24, 11:51 AM

so right now you have an application and in it you can do

process.env.DB

process.env.DB

process.env.DB

process.env.DB but if you do

getRequestContext().env.DB

getRequestContext().env.DB

getRequestContext().env.DB

getRequestContext().env.DB you can't access your binding?

D

DarioOP•2/22/24, 11:52 AM

@Befus PS: I just noticed this issue on github: https://github.com/cloudflare/next-on-pages/issues/675 I'm not sure if that's you, anyways I just thought of pointing it out to you

, I'll look into that as soon as I can

GitHub

How to access your process.env.DB D1 dev binding outside of a Route...

If I understand correctly, version 1.9.0 removes the possibility to access your process.env.DB dev binding outside of a Route Handler. When using the v5/beta version of next-auth / auth.js, you nee...

DDario <@262845927616806923> PS: I just noticed this issue on github: https://github.co...

B

Befus•2/22/24, 11:53 AM

Lol thats not me but the exact same issue lol

DDario so right now you have an application and in it you can do `process.env.DB` but i...

B

Befus•2/22/24, 11:54 AM

process.env.DB doesn't work atm because i am only using env.d.ts which has the cloudflareEnv inside of it alongside with getRequestContext
This works locally perfectly fine but on production/preview it fails

BBefus process.env.DB doesn't work atm because i am only using env.d.ts which has the c...

D

DarioOP•2/22/24, 11:58 AM

as I said

env.d.ts

env.d.ts

env.d.ts

env.d.ts doesn't matter too much, in your code you can do:

(process.env as any).DB

(process.env as any).DB

(process.env as any).DB

(process.env as any).DB and see if it contains the binding

DDario as I said `env.d.ts` doesn't matter too much, in your code you can do: `(process...

B

Befus•2/22/24, 12:02 PM

Build seems successful when using this:

import { drizzle } from "drizzle-orm/d1";

export const runtime = "edge";

const db = drizzle((process.env as any).DB);

export { db };

import { drizzle } from "drizzle-orm/d1";

export const runtime = "edge";

const db = drizzle((process.env as any).DB);

export { db };

import { drizzle } from "drizzle-orm/d1";

export const runtime = "edge";

const db = drizzle((process.env as any).DB);

export { db };

import { drizzle } from "drizzle-orm/d1";

export const runtime = "edge";

const db = drizzle((process.env as any).DB);

export { db };

B

Befus•2/22/24, 12:02 PM

Gonna test if it actually works

DDario as I said `env.d.ts` doesn't matter too much, in your code you can do: `(process...

B

Befus•2/22/24, 12:10 PM

Seems to be working fine now

D

DarioOP•2/22/24, 12:16 PM

what if you try using

getOptionalRequestContext

getOptionalRequestContext

getOptionalRequestContext

getOptionalRequestContext instead of

process.env

process.env

?

G

gui.ohm•2/22/24, 12:20 PM

Is it expected that static assets return an ETag but routes api url don't? I've migrated my app to next-on-pages from a pre-existing expressjs app and that's a key difference. I wonder if I should manually add the Etag computation on my routes or if that would be discouraged to do so? Is there a setting that would enable so in next-on-pages or cloudflare's config?

B

bigansh•2/22/24, 12:24 PM

ok so we upgraded and the site is now live. but it is slow like slow. like the page doesnt even open. and we have to refresh multiple times. when i run it locally using the wrangler command, it is crazy fast. not sure what is going on here

B

bigansh•2/22/24, 12:24 PM

i get this error a lot.

B

bigansh•2/22/24, 12:24 PM

E

ezzat•2/22/24, 5:55 PM

Hey everyone!

I recently added a _headers file to my Next.js application's public directory to set some headers, but it doesn't seem to be working as expected.

I'm curious to know how this affects the entire application. Does it impact all routes, pages, or any other aspects I should be aware of?

Thanks in advance for any insights you can provide!

C

conqr ᯅ•2/22/24, 6:09 PM

If its not statically generated, you'll probably need to use a config rule

DDario no, I'm sure it is not in prod as they haven't released it yet (https://github.c...

B

Befus•2/23/24, 8:58 AM

Looks like it got released yesterday

D

Deo Kumar•2/23/24, 8:59 AM

Can

getRequestContext

getRequestContext

getRequestContext

getRequestContext be used for production bindings (deployed on Cloudflare pages) or only local development?

DDeo Kumar Can `getRequestContext` be used for production bindings (deployed on Cloudflare ...

B

Befus•2/23/24, 9:00 AM

Both

BBefus Both

D

Deo Kumar•2/23/24, 9:00 AM

I was confused because of this:
https://github.com/cloudflare/next-on-pages/issues/675#issuecomment-1959426101

GitHub

How to access your process.env.DB D1 dev binding outside of a Route...

If I understand correctly, version 1.9.0 removes the possibility to access your process.env.DB dev binding outside of a Route Handler. When using the v5/beta version of next-auth / auth.js, you nee...

DDeo Kumar I was confused because of this: https://github.com/cloudflare/next-on-pages/issu...

B

Befus•2/23/24, 9:01 AM

Are you using drizzle aswell?

B

Befus•2/23/24, 9:02 AM

Thats the temporary solution for getting the drizzle connection to work, not sure why this is at the moment but I had to do this myself aswell

BBefus Are you using drizzle aswell?

D

Deo Kumar•2/23/24, 9:03 AM

No, I am just making sure if all the bindings are made available for both production and development through

getRequestContext

getRequestContext

getRequestContext

getRequestContext

Thank you for the reply

DDeo Kumar No, I am just making sure if all the bindings are made available for both produc...

B

Befus•2/23/24, 9:04 AM

Yea I would say test it out as it should work for both but if it doesn't then that's the solution I used in my case

BBefus Looks like it got released yesterday

D

DarioOP•2/23/24, 9:51 AM

yes thanks I saw

(according to this comment: https://github.com/cloudflare/workerd/issues/1513#issuecomment-1958520069)
the fix will be included in production next week, hopefully it fixes our problems

(I am not really that familiar with the process to be honest, but it sounds like, when there's a workerd release that doesn't automatically get deployed to production right away, so we'll have to wait till it does I guess

)

SSimone Lusenti Hi! I've recorded a step-by-step guide on how to create a Next.js app with a D1 ...

D

DarioOP•2/23/24, 9:56 AM

https://youtu.be/Fcp-Mbvh424?feature=shared&t=43

you can use the Pages router on Cloudflare Pages!

B

bun•2/23/24, 3:25 PM

getRequestContext

getRequestContext

getRequestContext

getRequestContext is only for dev ?

Z

Zé Alves•2/23/24, 3:36 PM

Hi guys! I'm new to cloudflare and I need some help regarding Static forms from Cloudflare Pages. I have a next project where I need to intercept a form from the cloudflare side. I saw this usage guide [https://developers.cloudflare.com/pages/functions/plugins/static-forms/] in the cloudflare docs where we could use a

_middleware.ts

_middleware.ts

_middleware.ts

_middleware.ts file inside a

 functions

functions

 functions

functions folder. I created it and for now I just tried to return the sample response and also some console.logs to see if this was working but I can't see anything working.

Here are my form html and also my _middleware.ts file.

Note: I'm handling the form in a controlled way in react so I'm handling the inputs state and also form submission. (Could this be the issue?)

Can you guys help me or did you already had this issue before?

J

James•2/23/24, 7:04 PM

If you're using

@cloudflare/next-on-pages

@cloudflare/next-on-pages

@cloudflare/next-on-pages

@cloudflare/next-on-pages, the functions directory won't work as we build our own worker for your project. You could try using Next.js API route handlers or Next.js middleware instead

W

wesbos•2/24/24, 1:00 AM

Im also here with a broken next-on-pages + Drizzle D1 App. Are there any docs on setupDevPlatform? Not sure how to upgrade my app

L

luna•2/24/24, 1:35 AM

Are there any docs for next-on-pages + durable objects?

Wwesbos Im also here with a broken next-on-pages + Drizzle D1 App. Are there any docs on...

B

Befus•2/24/24, 7:57 AM

https://github.com/cloudflare/next-on-pages/issues/675#issuecomment-1959426101

GitHub

How to access your process.env.DB D1 dev binding outside of a Route...

If I understand correctly, version 1.9.0 removes the possibility to access your process.env.DB dev binding outside of a Route Handler. When using the v5/beta version of next-auth / auth.js, you nee...

Wwesbos Im also here with a broken next-on-pages + Drizzle D1 App. Are there any docs on...

D

DarioOP•2/25/24, 11:59 AM

Hi @wesbos

These are the docs for the next-dev submodule and show you how to use

setupDevPlatform

setupDevPlatform

setupDevPlatform

setupDevPlatform: https://github.com/cloudflare/next-on-pages/tree/main/internal-packages/next-dev#next-on-pages-next-dev

Please have a look and let me know if it's all clear

(PS: if you were using

setupDevBindings

setupDevBindings

setupDevBindings

setupDevBindings it is exactly the same besides the function's name and the fact that you define your bindings in a

wrangler.toml

wrangler.toml

instead of defining them in the function's call)

~~(regarding Drizzle yeah we've gotta wait till next week to see if that's all fixed on the runtime I'm afraid)~~
(regarding Drizzle it should hopefully be all good now

)

GitHub

next-on-pages/internal-packages/next-dev at main · cloudflare/next-...

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

D

DarioOP•2/25/24, 12:03 PM

@wesbos could you tell me if/how you've looked for the

setupDevPlatform

setupDevPlatform

setupDevPlatform

setupDevPlatform documentation?

I would love it if it would be easily discoverable and I hoped that this would do the trick:
https://github.com/cloudflare/next-on-pages/tree/main/packages/next-on-pages#cloudflare-platform-integration

but if you had issues finding it maybe we've got a discoverability issue here? what do you think?

GitHub

next-on-pages/packages/next-on-pages at main · cloudflare/next-on-p...

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

Lluna Are there any docs for next-on-pages + durable objects? 🤔

D

DarioOP•2/25/24, 12:09 PM

this is what we've got

: https://github.com/cloudflare/next-on-pages/tree/main/internal-packages/next-dev#next-on-pages-next-dev

it briefly mentions DOs but that's acutally not too too helpful I'm afraid.... I'll add a note here: https://developers.cloudflare.com/workers/wrangler/api/#getplatformproxy

to better explain how to access DOs using

getPlatformProxy

getPlatformProxy

getPlatformProxy

getPlatformProxy (and we do defer to that page in our docs)

Anyways to use DOs you need to define them in your wrangler.toml file in this way:

[[durable_objects.bindings]]
name = "MY_DO"
script_name = "do-worker"
class_name = "DurableObjectClass"

[[durable_objects.bindings]]
name = "MY_DO"
script_name = "do-worker"
class_name = "DurableObjectClass"

[[durable_objects.bindings]]
name = "MY_DO"
script_name = "do-worker"
class_name = "DurableObjectClass"

[[durable_objects.bindings]]
name = "MY_DO"
script_name = "do-worker"
class_name = "DurableObjectClass"

and then before you run your next-on-pages app, in a separate terminal you need to spin up your "do-worker" worker
(you can't define a DO in your next-on-pages app but use the DO from a different worker)

I hope this helps, please let me know if it does

DDario <@113731728945840130> could you tell me if/how you've looked for the `setupDevPl...

W

wesbos•2/25/24, 1:57 PM

Oh thanks! Apologies for not seeing that. My process was to google next-on-pages, which lead me to the github repo, I read that whole thing and then clicked each of the “references” links, then googled the method, didn’t see anything and then came here. I didn’t realize next-dev was a different module, would be great if there was a link in the main readme.

D

DarioOP•2/25/24, 1:59 PM

there is!

D

DarioOP•2/25/24, 1:59 PM

DDario there is! 🙂

W

wesbos•2/25/24, 1:59 PM

Just seeing now ugh

W

wesbos•2/25/24, 1:59 PM

You can see the packages contents (with their documentation)

W

wesbos•2/25/24, 2:00 PM

Sorry I just scrolled to the bottom and clicked the docs links. That might by be a user issue and not a docs issue haha

D

DarioOP•2/25/24, 2:00 PM

I see

well it's valuable feedback in any case! thanks a bunch!

D

DarioOP•2/25/24, 2:02 PM

probably having the next-dev module as a separate "internal package" helps making this a bit more confusing.... I would look into bring it into the next-on-pages package and remove this extra separation

fully... I _think_.... I am not too sure to be honest 😓 anyways the bug that most likely causes i

Similar Threads