If you load an SSR page that has 20 static assets (jpgs, etc...) does every time that page loads for

If you load an SSR page that has 20 static assets (jpgs, etc...) does every time that page loads for a new user get counted as 21 function invocations against your total (page + all assets) as seen in the real-time logs?

Ssimpson If you load an SSR page that has 20 static assets (jpgs, etc...) does every time...

Hello, I’m Allie!•9/1/23, 7:05 PM

It depends on how good you/your framework is at generating a _routes.json. If done correctly, you could do it in a single Functions request

HHello, I’m Allie!It depends on how good you/your framework is at generating a _routes.json. If do...

simpsonOP•9/1/23, 7:42 PM

i'm using next-on-pages, I don't think it generates a _routes.json file

simpsonOP•9/1/23, 7:53 PM

is there documentation on _routes.json?

Ssimpson i'm using next-on-pages, I don't think it generates a _routes.json file

Hello, I’m Allie!•9/1/23, 7:54 PM

Oh yeah, I remember chatting with one of the people that works on NOP, and they said something along the lines of implementing _routes.json might break how Next’s routing works, even for static assets

Ssimpson is there documentation on _routes.json?

Hello, I’m Allie!•9/1/23, 7:55 PM

Docs

Routing · Cloudflare Pages docs

Functions utilize file-based routing. Your /functions directory structure determines the designated routes that your Functions will run on. You can …

James•9/1/23, 7:58 PM

Yeah so I secretly added support for

_routes.json

_routes.json

a while ago but it's an area that I didn't add documentation about because, well, it should be reserved for advanced use cases where people absolutely know what they're doing and that excluding a file won't cause issues. e.g., favicon.ico would be safe to put in _routes.json, but the problem would be when people try to put actual routes in it - that would most likely lead to notable issues.

simpsonOP•9/2/23, 1:37 AM

I moved all of our static assets within our public folder to a new subfolder and added a wildcard pattern (/static/*) and so far it seems to work perfect

Ricky U•9/2/23, 4:22 PM

how would i install a npm dependency for a pages function? i.e stripe

Ricky U•9/2/23, 5:12 PM

can find anywhere in the pages functions docs where i can install depdencies : https://developers.cloudflare.com/pages/platform/functions/local-development/

kian•9/2/23, 5:14 PM

Same as any other JS project

kian•9/2/23, 5:14 PM

Install it with a package manager of choice & import it in your Functions files

Erisa•9/2/23, 7:56 PM

Yeah, you can

export async function onRequestPost(ctx) {

export async function onRequestPost(ctx) {

Erisa•9/2/23, 7:57 PM

Documented here https://developers.cloudflare.com/pages/platform/functions/api-reference/

VVillage And it won't invoke the Function at all on a GET, just route right through to st...

Erisa•9/2/23, 8:05 PM

Correct, it wont invoke the function for GETs if you do that

EErisa Correct, it wont invoke the function for GETs if you do that

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

It does still bill you though, right?

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

Since routes are by URL, not by method

Ricky U•9/3/23, 3:27 AM

@kian in a /fuctions folders i have all the endpoints like helloworld.js, so im guessing your saying i npm ini the entire functions folder? and import xx from 'xxx' -- cf pages still says cannot find module xxx.

Ricky U•9/3/23, 4:47 AM

get this error when calling the stripe module :

12:43:50.447    ✘ [ERROR] Could not resolve "stripe"
12:43:50.447    
12:43:50.447        checkout.js:4:19:
12:43:50.447          4 │ import Stripe from 'stripe';
12:43:50.448            ╵                    ~~~~~~~~
12:43:50.448    
12:43:50.448      You can mark the path "stripe" as external to exclude it from the bundle, which will remove this error.
12:43:50.448    
12:43:50.448    
12:43:50.450    ✘ [ERROR] Build failed with 1 error:
12:43:50.451    
12:43:50.451      checkout.js:4:19: ERROR: Could not resolve "stripe"

12:43:50.447    ✘ [ERROR] Could not resolve "stripe"
12:43:50.447    
12:43:50.447        checkout.js:4:19:
12:43:50.447          4 │ import Stripe from 'stripe';
12:43:50.448            ╵                    ~~~~~~~~
12:43:50.448    
12:43:50.448      You can mark the path "stripe" as external to exclude it from the bundle, which will remove this error.
12:43:50.448    
12:43:50.448    
12:43:50.450    ✘ [ERROR] Build failed with 1 error:
12:43:50.451    
12:43:50.451      checkout.js:4:19: ERROR: Could not resolve "stripe"

emvh•9/8/23, 7:49 AM

I'm using

wrangler pages deploy

wrangler pages deploy

to deploy static files and Pages Functions. I would like to deploy only the Pages Functions, without deploying the static files. I.e. I'm using

wrangler pages deploy ./build-output ...

wrangler pages deploy ./build-output ...

, which deploys the static files from

./build-output

./build-output

and also deploys

./functions

./functions

by the file-based routing convention.

So, can I use

wrangler pages deploy

wrangler pages deploy

to deploy only the pages functions? If I have an empty directory with only the functions directory, would wrangler pages deploy know to upload the functions but not delete the static files already uploaded?

For context: I'm migrating a Pages project to use other hosting of the static files because of 20K file limit, but would like to keep deploying the Pages Functions

Eemvh I'm using `wrangler pages deploy` to deploy static files and Pages Functions. I ...

Hello, I’m Allie!•9/8/23, 8:13 AM

If you deploy an empty directory, Pages will not serve the old files

Hello, I’m Allie!•9/8/23, 8:13 AM

If that is what you mean

HHello, I’m Allie!If that is what you mean

emvh•9/8/23, 8:15 AM

Yes, I guess I had a brain fart. I was concerned about deleting existing files, but since they will be hosted elsewhere, that's no problem. Sorry!

Aakash N S•9/8/23, 7:32 PM

Hi, how can I create a simple pages project with a "Hello world" typescript function route in the "functions" folder? I'm not looking to use any frameworks or build steps.

AAakash N S Hi, how can I create a simple pages project with a "Hello world" typescript func...

Dahoom•9/12/23, 6:20 AM

https://developers.cloudflare.com/pages/platform/functions/get-started/

Get started · Cloudflare Pages docs

This guide will instruct you on creating and deploying a Pages Function.

Dahoom•9/12/23, 6:21 AM

everything you will need will probably be at developers.cloudflare.com

Ricky U•9/12/23, 8:33 AM

How would i get the json request from a worker, is it in the request object ?

Ricky U•9/12/23, 8:34 AM

or do i need to do : const body = await request.json()

Ricky U•9/12/23, 8:34 AM

and lastly using the function logs, i cant seem to see any console.logs to debug.

RRicky U or do i need to do : const body = await request.json()

Dahoom•9/12/23, 9:37 AM

request.json() should be it

Dahoom•9/12/23, 9:39 AM

although i did have an issue at one point and could only get it to return what i needed with

JSON.parse(await event.request.text());

JSON.parse(await event.request.text());

, but yeah it should always be in request

MyZeD•9/14/23, 11:10 AM

If you manipulate your Shadow DOM. How do you do this? HTMLRewriter is not designed to be able to copy template tags or to insert into another tags.

Trevor O•9/16/23, 6:09 AM

Is there a way to get env variables in functions?

TTrevor O Is there a way to get env variables in functions?

Dahoom•9/16/23, 8:55 AM

yeah just do something like

export async function POST(event) {
        const db = event.platform?.env?.DB;`
}

export async function POST(event) {
        const db = event.platform?.env?.DB;`
}

Dahoom•9/16/23, 8:55 AM

its all part of the event parameter you can just access bindings with event.platform.env

DDahoom its all part of the event parameter you can just access bindings with event.plat...

James•9/16/23, 12:30 PM

Where did you get that info from? That’s not how Functions works. You get a

context

context

object with

env

env

attached: https://developers.cloudflare.com/pages/platform/functions/api-reference/#types

James•9/16/23, 12:32 PM

Perhaps you’re thinking of a specific framework?

Dahoom•9/16/23, 12:32 PM

oh yeah my bad, I forgot to mention thats for sveltekit

madridserginho•9/16/23, 10:13 PM

Two questions:

Is there a way to change functions directory?
The functions directory should be located in path of the repository or compiled files?

Mmadridserginho Two questions: - Is there a way to change functions directory? - The functions ...

JustinNoel•9/17/23, 1:52 PM

1) I don't believe so
2) The functions directory should be in the root path of the repository

Sev•9/18/23, 1:22 PM

I'm wondering: do CloudFlare Pages worker functions behave differently with the Cache API than normal Workers? Specifically when purging the cache:

Sev•9/18/23, 1:22 PM

https://community.cloudflare.com/t/purge-everything-doesnt-clear-cloudflare-pages-worker/557634

Cloudflare Community

Purge Everything doesn't clear CloudFlare pages worker

I have a Cloudflare Pages project that uses _worker.js with a domain of pages.sevfurneaux.co.uk. The _worker.js has the following Cache API test code: export default { async fetch(request, env, ctx) { const cacheUrl = new URL(request.url); // Construct the cache key from the cache URL const cacheKey = new Request(cacheUrl.toStri...

titanic_•9/18/23, 3:15 PM

Where can I find error log

titanic_•9/18/23, 3:16 PM

Ttitanic_Click to see attachment

Chaika•9/18/23, 3:18 PM

For functions:

Chaika•9/18/23, 3:18 PM

?pages-logs

12:43:50.447 ✘ [ERROR] Could not resolve "stripe" 12:43:50.447 12:43:50.447 checkout.js:4:19: 12:43:50.447 4 │ import Stripe from 'stripe'; 12:43:50.448 ╵ ~~~~~~~~ 12:43:50.448 12:43:50.448 You can mark the path "stripe" as external to exclude it from the bundle, which will remove this error. 12:43:50.448 12:43:50.448 12:43:50.450 ✘ [ERROR] Build failed with 1 error: 12:43:50.451 12:43:50.451 checkout.js:4:19: ERROR: Could not resolve "stripe"

If you load an SSR page that has 20 static assets (jpgs, etc...) does every time that page loads for

Similar Threads

Similar Threads

Similar Threads