i have wordpress though

KKickassfu i have wordpress though

H

Hello, I’m Allie!•2/18/24, 9:22 AM

Hetzner maybe? https://www.hetzner.com/webhosting/

Webhosting | Fast and Reliable

The quick and cheap way to your own homepage with entry or business packages. Rapid setup and included support

Original message was deleted

H

Hello, I’m Allie!•2/20/24, 7:47 AM

1mb total. For the size, you would need to look through the build output directory to see the size

Original message was deleted

H

Hello, I’m Allie!•2/20/24, 7:52 AM

Increase your limits
Request adjustments to limits that conflict with your project goals by contacting Cloudflare. To request an increase to a limit, complete the Limit Increase Request Form and we will contact you with next steps.

As for dev, I don't think so? Though our recommendation is generally to do everything you can to decrease the size of your Functions, as a large bundle can increase startup speed

F

fernando•2/21/24, 9:09 PM

Hi, I'm wanting to implement Functions in a CF Pages project created with C3. But when I run the

npm run deploy

npm run deploy

command, I see that in the edge functions it doesn't generate the new

helloworld

helloworld

function that I created.

I was reading this documentation:
https://developers.cloudflare.com/pages/functions/get-started/
And as I understand it, you just have to create a functions folder in the root of my app and that's it. Could someone please guide me on how to correctly apply a Pages Functions?

Ffernando Hi, I'm wanting to implement Functions in a CF Pages project created with C3. Bu...

H

Hello, I’m Allie!•2/21/24, 9:21 PM

Is that a Next.js project?

HHello, I’m Allie!Is that a Next.js project?

F

fernando•2/21/24, 9:22 PM

yes its Next 14 project

Ffernando yes its Next 14 project

H

Hello, I’m Allie!•2/21/24, 9:23 PM

If you are using next-on-pages, then you need to use Next Server Routes

H

Hello, I’m Allie!•2/21/24, 9:23 PM

You can’t use Pages Functions directly

HHello, I’m Allie!If you are using next-on-pages, then you need to use Next Server Routes

F

fernando•2/21/24, 9:27 PM

Understood, is there any example of how to do it with Next Server Routes?

Ffernando Understood, is there any example of how to do it with Next Server Routes?

H

Hello, I’m Allie!•2/21/24, 9:28 PM

https://nextjs.org/docs/pages/building-your-application/routing/api-routes

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.

M

Marcus•2/21/24, 10:47 PM

Im trying to set up a function that simply takes the form data and submits it to the d1 database thats binded to the page. this is the form element:
<form class="form" data-form="" action="functions/formSub" method="POST">

when i submit the form it takes me to the action address instead of just running the function itself. ive added event.preventDefault(); to the handle but that doesnt seem to help. can anyone give me a hand submitting form data to a binded d1 DB via a function?

MMarcus Im trying to set up a function that simply takes the form data and submits it to...

A

anthony•2/22/24, 1:15 AM

I think to call a pages function, u gotta hit the full endpoint, like https://urdomain.com/formsub

HHello, I’m Allie!https://nextjs.org/docs/pages/building-your-application/routing/api-routes

Ɽ

ⱤØ₥₳₦•2/22/24, 5:29 PM

Will this do fetch requests? Like cf workers?

ⱤⱤØ₥₳₦Will this do fetch requests? Like cf workers?

H

Hello, I’m Allie!•2/22/24, 5:29 PM

It should

HHello, I’m Allie!It should

Ɽ

ⱤØ₥₳₦•2/22/24, 5:31 PM

Thanks for the knowledge

just because of you I got to know about nuxt and nextjs

Ɽ

ⱤØ₥₳₦•2/22/24, 5:32 PM

Are there more serverless edge function platforms like cloudflare workers? Lambda and GCP both have stupid limits of invocation per second that i hate

ⱤⱤØ₥₳₦Are there more serverless edge function platforms like cloudflare workers? Lambd...

H

Hello, I’m Allie!•2/22/24, 5:33 PM

There’s Deno, Fermyon, Wasmer Edge, etc

T

tcurdt•2/24/24, 11:03 PM

When I have Cloudflare page connected via git and 11ty creates this site

$ find _site 
_site
_site/index.html
_site/functions
_site/functions/hello.js

$ find _site 
_site
_site/index.html
_site/functions
_site/functions/hello.js

$ find _site 
_site
_site/index.html
_site/functions
_site/functions/hello.js

$ find _site 
_site
_site/index.html
_site/functions
_site/functions/hello.js

I was expecting the function to be available as

/hello

/hello

... but it's not.

Do the functions need to be in the root of the git repo? or the root of the site?

T

tcurdt•2/24/24, 11:07 PM

repo root it is!

C

conqr ᯅ•2/24/24, 11:32 PM

Is there any way to use a page function as a service binding for another worker

T

tcurdt•2/24/24, 11:43 PM

why are the pages functions not async? https://developers.cloudflare.com/pages/functions/api-reference/

T

tcurdt•2/24/24, 11:57 PM

after some digging it seems async should still work

T

tcurdt•2/24/24, 11:59 PM

but ...

core:user:worker: Uncaught ReferenceError: process is not defined

core:user:worker: Uncaught ReferenceError: process is not defined

ok ... I kind of understand why ... but how can I get access to env variables in pages functions?

T

tcurdt•2/25/24, 12:02 AM

found it ...

context.env.VAR

context.env.VAR

T

tcurdt•2/25/24, 1:06 AM

hm ... it would be good to be able to init some resources outside of a request handler .... but that's not supported?

const db = initFromEnv(env) 

export async function onRequestGet(context) {
    // use db
}

const db = initFromEnv(env) 

export async function onRequestGet(context) {
    // use db
}

const db = initFromEnv(env) 

export async function onRequestGet(context) {
    // use db
}

const db = initFromEnv(env) 

export async function onRequestGet(context) {
    // use db
}

Ttcurdt hm ... it would be good to be able to init some resources outside of a request h...

I

Isaac McFadyen•2/25/24, 1:29 AM

Nope. The workaround is:

let variable;

export async function onRequestGet(context) {
    if (variable == null) {
        variable = initFromEnv(env);
    }
    // ...use variable
}

let variable;

export async function onRequestGet(context) {
    if (variable == null) {
        variable = initFromEnv(env);
    }
    // ...use variable
}

let variable;

export async function onRequestGet(context) {
    if (variable == null) {
        variable = initFromEnv(env);
    }
    // ...use variable
}

let variable;

export async function onRequestGet(context) {
    if (variable == null) {
        variable = initFromEnv(env);
    }
    // ...use variable
}

IIsaac McFadyen Nope. The workaround is: ```js let variable; export async function onRequestGet...

T

tcurdt•2/25/24, 2:23 AM

uff. ok.
and to be sure:
I assume there are no concurrency considerations that need to be taken into account?

Ttcurdt uff. ok. and to be sure: I assume there are no concurrency considerations that n...

I

Isaac McFadyen•2/25/24, 2:25 AM

Well it depends on how long your initFromEnv takes.

I

Isaac McFadyen•2/25/24, 2:25 AM

Workers are single-threaded so if there's no

await

await

points (no IO) inside initFromEnv then you should be good.

I

Isaac McFadyen•2/25/24, 2:26 AM

If you're

await

await

'ing inside the

initFromEnv

initFromEnv

then there's concurrency issues because Workers may switch the request they're serving on

await

await

points.

T

tcurdt•2/25/24, 3:11 AM

In this very case - no await. But I could imagine there to be one.
That said, I don't think there is ever the need for a full singleton restriction.
This would just be about caching. So I think it should be OK - even then.

A

alok•2/27/24, 10:50 AM

Hi, I have a BetterStack monitoring job hitting a pages function endpoint which always returns the same data (the code instantiates a few JS classes and then returns

{"env":"prod"}

{"env":"prod"}

, there's no sub-fetch or database queries going on. The endpoint sets

cache-control: private

cache-control: private

. On my BetterStack graph, I'm seeing lots of requests which take ~1 second and even a handful which take ~2 seconds. I switched to paid workers, but don't see any difference in the graph. So a couple questions:

any debugging suggestions for minimizing these latency spikes?
is the performance of workers vs page functions very different? I can migrate from page functions to workers with a little bit of work.
ideally I would like to see numbers more in line with https://www.openstatus.dev/blog/monitoring-latency-cf-workers-fly-koyeb-raylway-render.

My account id is 9be6f6ea52d6a7dffc494c0fe0bc6729 if anyone wants to help look into this. Thanks!

Screenshot_2024-02-27_at_11.38.46_AM.png

W

Walshy•2/28/24, 6:33 AM

Complex answer haha. What's the code doing? Are you fetching external resources?
They're the same. Functions is just Workers
That benchmark is measuring time to invoke and start. The code is very simple and returns right away. Adding more complexity (e.g. fetching external resources) will understandably add more time before a response can be returned

We'd really need to understand the code to understand where this can come from. You talked about it a bit but we'd really need to know more.

Also question, do you have something like Smart Placement enabled?

WWalshy 1. Complex answer haha. What's the code doing? Are you fetching external resourc...

A

alok•2/28/24, 8:39 AM

The code isn't doing anything. It's instantiating two classes I use everywhere (the constructors just set a bunch of properties). Then returns with
```
Response.json()
```
```
Response.json()
```

WWalshy 1. Complex answer haha. What's the code doing? Are you fetching external resourc...

A

alok•2/28/24, 8:42 AM

Workers with a D1 binding will always be placed in a data center near the location of the D1 database they are bound to

Workers with a D1 binding will always be placed in a data center near the location of the D1 database they are bound to

=> I do have a D1 binding.

A

alok•2/28/24, 8:42 AM

not all my requests need the D1 binding. I guess I should split things into two workers? Or two distinct pages projects.

S

saitama sendpie•2/28/24, 10:16 AM

I have a Hugo project with the following directories:

├─ functions
│  └─ get_info
│     └─ index.js

├─ functions
│  └─ get_info
│     └─ index.js

When I run

pnpx wrangler dev functions

pnpx wrangler dev functions

it keeps saying

 [ERROR] The entry-point file at "functions" was not found.

  The provided entry-point path, "functions", points to a directory, rather than a file.

 [ERROR] The entry-point file at "functions" was not found.

  The provided entry-point path, "functions", points to a directory, rather than a file.

 [ERROR] The entry-point file at "functions" was not found.

  The provided entry-point path, "functions", points to a directory, rather than a file.

 [ERROR] The entry-point file at "functions" was not found.

  The provided entry-point path, "functions", points to a directory, rather than a file.

When I run it using

pnpx wrangler dev functions/get_info/index.js

pnpx wrangler dev functions/get_info/index.js

my script works perfectly.

This also means, that my build logs show the following error because it can't find the index.js. How do I fix this?

P

poa•2/28/24, 5:45 PM

hi can anyone help me from logging in with only a id

In small web game?

P

poa•2/28/24, 5:45 PM

I got a code

P

poa•2/28/24, 5:45 PM

A public funtion but dont know how to use

L

Lambo•2/29/24, 7:18 PM

Hi, is it not possible to get query parameters via a Pages Function?

I am wanting to do a login callback via a Pages Function, which returns a token as a query parameter, however, my

context.request

context.request

context.request

context.request object is completely empty?

I would have expected

context.request.url

context.request.url

context.request.url

context.request.url to at least exist?

My

JSON.stringify(context)

JSON.stringify(context)

JSON.stringify(context)

JSON.stringify(context) look like:

{
  "request": {},
  "functionPath": "/api/auth-callback",
  "params": {},
  "data": {},
  "env": {
    "ASSETS": {}
  }
}

{
  "request": {},
  "functionPath": "/api/auth-callback",
  "params": {},
  "data": {},
  "env": {
    "ASSETS": {}
  }
}

{
  "request": {},
  "functionPath": "/api/auth-callback",
  "params": {},
  "data": {},
  "env": {
    "ASSETS": {}
  }
}

{
  "request": {},
  "functionPath": "/api/auth-callback",
  "params": {},
  "data": {},
  "env": {
    "ASSETS": {}
  }
}

When going to

http://localhost:8788/api/auth-callback?token=aaabbb

http://localhost:8788/api/auth-callback?token=aaabbb

http://localhost:8788/api/auth-callback?token=aaabbb

http://localhost:8788/api/auth-callback?token=aaabbb

K

kian•2/29/24, 7:20 PM

Just an issue with

JSON.stringify

JSON.stringify

JSON.stringify

JSON.stringify (and sometimes

console.log

console.log

) - it doesn't handle properties on most objects.

K

kian•2/29/24, 7:20 PM

Try logging

context.request.url

context.request.url

context.request.url

context.request.url directly

L

Lambo•2/29/24, 7:20 PM

Aha!

L

Lambo•2/29/24, 7:20 PM

Thank you!

K

kian•2/29/24, 7:23 PM

fwiw, JSON.stringify is the culprit here

K

kian•2/29/24, 7:23 PM

Even on browsers, you can't stringify the Web API objects

Similar Threads

Similar Threads

Similar Threads