Pretty much all the API Endpoints are on the `/~api` route, but I want the cloudflare functions to b

Pretty much all the API Endpoints are on the

/~api

/~api

/~api

/~api route, but I want the cloudflare functions to be on

/~fn

/~fn

/~fn

/~fn

NNicolas Hi all, I was wondering what the recommended approach is for ingesting and proc...

ethereonOP•8/28/24, 9:30 PM

any update on this? I'm not even sure if I should be using pages functions and the Astro API endpoints at the same time

Eethereon Pretty much all the API Endpoints are on the `/~api` route, but I want the cloud...

Hello, I’m Allie!•8/28/24, 9:37 PM

When using Astro SSR, then you must use Astro’s system for API Endpoints. You can’t mix with Functions routing

ethereonOP•8/28/24, 9:47 PM

Ok thanks

ethereonOP•8/29/24, 12:08 AM

Does each Hono route in a Cloudflare Pages app translate to a Cloudflare Pages Function?

ethereonOP•8/29/24, 12:11 AM

reason i am asking is that i dont want my instance to get clogged if the entire Hono app goes inside a single worker

ethereonOP•8/29/24, 12:15 AM

With Astro, I can see on the page that this basically confirms that each Astro API Route is a different pages function. I don't know whether the same is true for Hono

ethereonOP•8/29/24, 12:26 AM

And id much rather use pages functions to keep something in my project rather than making a separate worker for each thing

FFlikTeoh @ethereon I believe most the framework supported on Cloudflare Pages will be usi...

ethereonOP•8/29/24, 1:54 AM

so each endpoint runs as a separate pages function, right?

Lê Viết Huy Hoàng•8/29/24, 2:03 AM

@HardlyWorkin'

Lê Viết Huy Hoàng•8/29/24, 2:03 AM

Help me domain pending

LLê Viết Huy Hoàng @HardlyWorkin'

Idle•8/29/24, 5:39 AM

?pings

Flare•8/29/24, 5:39 AM

Please do not ping community members for non-moderation reasons. Doing so will not solve your issue faster and will make people less likely to want to help you.

Eethereon reason i am asking is that i dont want my instance to get clogged if the entire ...

Walshy•8/29/24, 9:44 AM

It is all a single worker. Putting these all into like 20 different workers would be much more complicated and slow

Whats the concern over a single?

WWalshy It is all a single worker. Putting these all into like 20 different workers woul...

ethereonOP•8/29/24, 5:23 PM

won't it get clogged and stuff?

ethereonOP•8/29/24, 5:23 PM

like for a big app

Walshy•8/29/24, 5:24 PM

clogged how?

Smarter•8/29/24, 5:58 PM

Hoping someone has an idea on what I can do here

:

pages-helpDeploying Page Functions with Wrangler

WWalshy clogged how?

ethereonOP•8/29/24, 7:14 PM

Too many requests

Walshy•8/29/24, 7:15 PM

Nope

Walshy•8/29/24, 7:15 PM

Workers run everywhere so the chance of overloading a single one is very very difficult but even then we'll just spin up another

Walshy•8/29/24, 7:16 PM

Workers are infinitely scalable and power a lot of Cloudflare internals at this point, if we can handle our traffic - we can handle yours :p

WWalshy Workers are infinitely scalable and power a lot of Cloudflare internals at this ...

ethereonOP•8/29/24, 7:18 PM

Oh ok. In that case, I have a question: for vite apps on cloud flare pages, let's say I had Hono working on the server side. Will hono be served in the client side JS?

Walshy•8/29/24, 7:19 PM

any server-side code is strictly server-side

ethereonOP•8/29/24, 7:19 PM

So the honk dependency won't be sent to the client, right?

ethereonOP•8/29/24, 7:19 PM

Hono

Walshy•8/29/24, 7:20 PM

not unless you explicitly send to the client

ethereonOP•8/29/24, 7:20 PM

I am just a little concerned about the JS bundle size is the thing

Walshy•8/29/24, 7:20 PM

10 MB compressed is quite hard to hit

Walshy•8/29/24, 7:21 PM

Your actual size is like 30 MB+ to hit that which is a very large JS app - if you get that big you probably should split it into smaller ones regardless

WWalshy Your actual size is like 30 MB+ to hit that which is a very large JS app - if yo...

ethereonOP•8/29/24, 7:28 PM

So I have an Astro project that uses both react and svelte components. React bundle size is huge. Now, due to a single worker scaling infinitely, im debating on mounting a Hono app backend inside Astro, which would definitely simplify things, but that means all the backend dependencies would come as well

ethereonOP•8/29/24, 7:28 PM

Which is why I'm worried about bundle size

ethereonOP•8/29/24, 7:29 PM

I do try to avoid react whenever I can however

ethereonOP•8/29/24, 7:29 PM

Is it a good idea or should I split into multiple workers?

Walshy•8/29/24, 7:31 PM

I think you're probably overly worrying about size, I have an astro react site + others just plain react and many internal/public sites of ours are react which all are good

SSR or CSR you should be fine with proper dependency management and tree shaking you should be good.

You can split into multiple Workers though, if it makes sense for you to do that then I'd say go ahead

ethereonOP•8/29/24, 7:32 PM

I would prefer to stay as 1 repo and tightly couple the logic together

WWalshy I think you're probably overly worrying about size, I have an astro react site +...

ethereonOP•8/29/24, 7:33 PM

I'm still kind of newish to web dev so by dependency management you mean like what goes in regular dependencies vs devDependencies right?

Eethereon I'm still kind of newish to web dev so by dependency management you mean like wh...

Hello, I’m Allie!•8/29/24, 8:08 PM

More that you only add dependencies you actually need

datashaman•9/1/24, 3:30 PM

I have a NuxtJS project hosted on Cloudflare Pages. I have the need for an advanced mode Worker function (it requires access to the Stream API). I've created the _worker.js file with the required code. My problem is this: where do I put the file in my source repository for it to be deployed and compiled into the pages code? I see mention of the _worker.js being noticed in the output folder (in deployment logs). But... nothing works, function isn't called, the route I expect it to handle returns a 404...
I've tried the root of the repo and putting it into public. Neither work.

Ddatashaman 👋 I have a NuxtJS project hosted on Cloudflare Pages. I have the need for an ad...

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

When using #next-on-pages, you have to use Next’s API routes, you can’t use Functions yourself

HHello, I’m Allie!When using #next-on-pages, you have to use Next’s API routes, you can’t use Func...

datashaman•9/1/24, 5:43 PM

i went for a beer and realized that the nuxt adapter (or whatever) must be using _worker.js to do its work. I remember seeing a whole _worker.js/ folder being generated. So either I need an escape hatch in Nuxt, I need to change frameworks, or I must create a separate worker which does the dirty work. Thanks for the reply! I think I know how to proceed now.

Hello, I’m Allie!•9/1/24, 6:23 PM

Oh, Nuxt

Hello, I’m Allie!•9/1/24, 6:23 PM

Oops, sorry

Ddatashaman i went for a beer and realized that the nuxt adapter (or whatever) must be using...

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

Wait, remind me again why you need Advanced Mode?

HHello, I’m Allie!Wait, remind me again why you need Advanced Mode?

datashaman•9/1/24, 7:06 PM

i am streaming OpenAI responses from AssistantStream, reflecting them into a ReadableStream to give to the browser.
this code works fine on local, but when I run it via Cloudflare, the response given back doesn't seem streamy. Contains [Object object][Object object] response instead of doing the SSE thing.
so i reckon something in the way nuxt works or in the marshalling of the events is not working correctly.
my read of the docs led to the mention of Stream API use in Page functions which mentions that it only works in Advanced Mode.
https://developers.cloudflare.com/workers/runtime-apis/streams/#common-issues

Ddatashaman i am streaming OpenAI responses from AssistantStream, reflecting them into a Re...

Hello, I’m Allie!•9/1/24, 7:20 PM

Am I missing something? That just says the Request context, not specifically Advanced Mode

HHello, I’m Allie!Am I missing something? That just says the Request context, not specifically Adv...

datashaman•9/1/24, 7:25 PM

the way i read it is it can only be run inside a fetch handler function, which you can only do in advanced mode.
without advanced mode it's /functions based routing which does not support streaming? idk...

Ddatashaman the way i read it is it can only be run inside a fetch handler function, which y...

Isaac McFadyen•9/2/24, 12:46 AM

Functions based routing is still inside a

fetch

fetch

handler.

Isaac McFadyen•9/2/24, 12:47 AM

They just say that to mean that you can't do it outside of the fetch handler, like in the global scope. But a Nuxt API route should be inside the

fetch

fetch

handler generated internally by Pages.

Pretty much all the API Endpoints are on the `/~api` route, but I want the cloudflare functions to b

Similar Threads

Similar Threads

Similar Threads