I did some more careful reading and building sample projects. And either there is a bug or cloudflar

I did some more careful reading and building sample projects. And either there is a bug or cloudflare needs to update their documentation about deploying an astro site. My observations:

if you deploy an astro site using the astro cloudflare plugin (SSR), you cannot use the /functions directory. you must use astro endpoints
if you deploy astro static site (don't use astro cloudflare plugin), you can use the /functions directory

no where in the official documentation does it clearly mention this. either in cloudflare docs or astro docs:
https://developers.cloudflare.com/pages/framework-guides/deploy-an-astro-site/
https://docs.astro.build/en/guides/deploy/cloudflare/

replicate the issue with SSR:

pnpm create astro@latest # choose basic site, accept defaults
cd yourproject
pnpm run astro add cloudflare
# open astro.config.js and modify adapter line to look like this:
#   adapter: cloudflare({mode: "directory"})
mkdir functions
touch functions/hello.js
# add code to hello.js
# add code to a src/pages/index.astro to call to hello function.
# maybe add a button so when you click it calls fetch('/hello')
# run project locally:
wrangler pages dev -- npm run dev
# click button and you will see the function is called successfully
# now push your project up to github. and connect cloudflare to github repo, deploy it.
# you will see that you get a 404 when it tries to fetch('/hello')

pnpm create astro@latest # choose basic site, accept defaults
cd yourproject
pnpm run astro add cloudflare
# open astro.config.js and modify adapter line to look like this:
#   adapter: cloudflare({mode: "directory"})
mkdir functions
touch functions/hello.js
# add code to hello.js
# add code to a src/pages/index.astro to call to hello function.
# maybe add a button so when you click it calls fetch('/hello')
# run project locally:
wrangler pages dev -- npm run dev
# click button and you will see the function is called successfully
# now push your project up to github. and connect cloudflare to github repo, deploy it.
# you will see that you get a 404 when it tries to fetch('/hello')

pnpm create astro@latest # choose basic site, accept defaults
cd yourproject
pnpm run astro add cloudflare
# open astro.config.js and modify adapter line to look like this:
#   adapter: cloudflare({mode: "directory"})
mkdir functions
touch functions/hello.js
# add code to hello.js
# add code to a src/pages/index.astro to call to hello function.
# maybe add a button so when you click it calls fetch('/hello')
# run project locally:
wrangler pages dev -- npm run dev
# click button and you will see the function is called successfully
# now push your project up to github. and connect cloudflare to github repo, deploy it.
# you will see that you get a 404 when it tries to fetch('/hello')

pnpm create astro@latest # choose basic site, accept defaults
cd yourproject
pnpm run astro add cloudflare
# open astro.config.js and modify adapter line to look like this:
#   adapter: cloudflare({mode: "directory"})
mkdir functions
touch functions/hello.js
# add code to hello.js
# add code to a src/pages/index.astro to call to hello function.
# maybe add a button so when you click it calls fetch('/hello')
# run project locally:
wrangler pages dev -- npm run dev
# click button and you will see the function is called successfully
# now push your project up to github. and connect cloudflare to github repo, deploy it.
# you will see that you get a 404 when it tries to fetch('/hello')

both astro and cloudflare docs need to be updated to make this limitation clear IMO. the cloudfare docs make it seem as though you can use the functions directory while using SSR but this is not the case. (unless i'm doing something wrong)

Deploy an Astro site · Cloudflare Pages docs

Astro is an all-in-one web framework for building fast, content-focused websites. By default, Astro builds websites that have zero JavaScript runtime …

Astro Documentation

Deploy your Astro Site to Cloudflare Pages

How to deploy your Astro site to the web using Cloudflare Pages.

FFizzy Kombucha I did some more careful reading and building sample projects. And either there i...

Erisa•8/26/23, 10:31 AM

The behaviour is intentional so it must be a documentation problem, feel free to submit a docs PR yourself or I can later

Sopra•8/26/23, 10:41 AM

can anyone help me make a copy

Cyb3r-Jak3•8/26/23, 6:05 PM

Does it build locally? It could be that firebase isn’t compatible with the workers runtime

simpson•8/27/23, 1:56 PM

when connecting custom domains, does it count as two towards total count if you add www.domain.com and domain.com?

Erisa•8/27/23, 2:01 PM

yes

simpson•8/27/23, 2:04 PM

bummer

simpson•8/27/23, 2:04 PM

so realistically you get half of the advertised domains

Cyb3r-Jak3•8/27/23, 2:07 PM

How so? They are separate domains

Ssimpson so realistically you get half of the advertised domains

Hello, I’m Allie!•8/27/23, 2:16 PM

Note that for SEO reasons, it is actually better to only have one of the domains as your custom domain(domain.comdomain.com or www.domain.comwww.domain.com), and then have the other redirect to the first. This can be accomplished with a Redirect Rule, so you won't consume a Custom Domain slot.

HHello, I’m Allie!Note that for SEO reasons, it is actually better to only have one of the domains...

simpson•8/27/23, 2:28 PM

Is there any benefit of one over the other?

Ssimpson Is there any benefit of one over the other?

Hello, I’m Allie!•8/27/23, 2:59 PM

Here's a guide, but other than some things with cookies, it is up to personal preference. Just pick one, and stick with it.

guy•8/27/23, 4:08 PM

I'm getting a 1102 error by trying to login to my very simple app hosted on cloudflare pages, I've used 200 out of my free functions requests and this is happening very frequently just with a simple POST endpoint, my repo is here, any ideas?

Gguy I'm getting a 1102 error by trying to login to my very simple app hosted on clou...

guy•8/27/23, 4:09 PM

sveltekit app, deployed to pintfind.com (email: test@test.test, password: test), works correctly about 50% of the time

Gguy sveltekit app, deployed to pintfind.com (email: test@test.test, password: test),...

Hello, I’m Allie!•8/27/23, 4:17 PM

Sounds like your Function is either running out of CPU Time or Memory. Are you doing any heavy computation?

HHello, I’m Allie!Sounds like your Function is either running out of CPU Time or Memory. Are you d...

guy•8/27/23, 4:18 PM

Nope not at all! Just loggin in a user, sub 50ms locally and working fine everywhere else

Gguy Nope not at all! Just loggin in a user, sub 50ms locally and working fine everyw...

Hello, I’m Allie!•8/27/23, 4:19 PM

That might be the issue. If you are on the free plan, your Function has to use less than 10 ms. CPU time

HHello, I’m Allie!That might be the issue. If you are on the free plan, your Function has to use l...

guy•8/27/23, 4:22 PM

Oh didn't reallise that, seems incredibly restrictive no? The total request was 50ms, unsure about actual CPU time, but could be why it works so inconsitently...

Gguy Oh didn't reallise that, seems incredibly restrictive no? The total request was ...

Hello, I’m Allie!•8/27/23, 4:26 PM

Not really, at least in my opinion. It should be more than enough for some light operations(especially since it doesn't include IO time), and if you do need more, you can always upgrade to Paid. Here's the table showing the limits of Workers/Functions, when it comes to differences between the Free and Paid plans:

HHello, I’m Allie!Not really, at least in my opinion. It should be more than enough for some light...

guy•8/27/23, 4:26 PM

Hmm thank you, unsure why my simple login is taking so long then... thanks for the help!

rdutton•8/28/23, 5:46 AM

I am developing a pages app locally with ‘wrangler pages dev —R2=bucket’ . Is it possible to access the bucket contents as a public bucket? Essentially the same as I could in the Cloudflare dashboard by adding a custom domain. At the moment I am proxying via the worker but it’s not how I intend to do it in production.

Rrdutton I am developing a pages app locally with ‘wrangler pages dev —R2=bucket’ . Is it...

Hello, I’m Allie!•8/28/23, 6:19 AM

Not sure I understand? In production, you would use Pages + R2 Custom Domain to expose your bucket

rdutton•8/28/23, 6:21 AM

Yes, that's correct. The worker part of the pages application populates the R2 bucket

rdutton•8/28/23, 6:22 AM

And I'd like to access the contents of the bucket while testing locally, but just from a URL

Rrdutton Yes, that's correct. The worker part of the pages application populates the R2 ...

Hello, I’m Allie!•8/28/23, 6:25 AM

Wrangler doesn’t support that

Hello, I’m Allie!•8/28/23, 6:25 AM

You can do what you are currently doing, and use a Worker

rdutton•8/28/23, 6:25 AM

At the moment I've set up a route /resource/* that serves the contents of the bucket so will stick with that

rdutton•8/28/23, 6:26 AM

Thanks, I thought that might be the case

boat•8/28/23, 6:41 AM

I'm having some trouble running wrangler pages dev with the KV namespaces I have setup on my cloudlfare. My functions work perfectly when published, but when I runn locally I cannot retrieve values from my namespaces. Is there something specific I need to do to point to the namespaces when working locally?

Bboat I'm having some trouble running wrangler pages dev with the KV namespaces I have...

rdutton•8/28/23, 6:48 AM

I am just using --kv=KV where KV is the namespace and it works
I am also using --persist .. though I can't see it as an option in the docs, but I added it at some point

teoweihan•8/28/23, 7:04 AM

Hello, I'm hosting a remix app on cloudflare pages, I'm working on the observability of the app, traces and metrics do not work on cf pages as cf pages does not support timing, so now I'm looking into sending logs to a monitoring dashboard such as datadog, does anyone know how can I send logs to an external service from remix app hosted on cf pages?

Bboat I'm having some trouble running wrangler pages dev with the KV namespaces I have...

Hello, I’m Allie!•8/28/23, 7:08 AM

You can't point to remote KV namespaces when running in dev.

HHello, I’m Allie!You can't point to remote KV namespaces when running in dev.

boat•8/28/23, 7:09 AM

Not even to preview namespaces? Do you have to set them up in a wrangler.toml file to have kv's locally then?

Bboat Not even to preview namespaces? Do you have to set them up in a wrangler.toml fi...

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

Nope. Only Workers can access remote KV. pages devpages dev may read a

wrangler.toml

wrangler.toml

, but it shouldn't, and it will not be able to hit remote KV.

boat•8/28/23, 7:17 AM

What sort of approach would you take to simulate a dev environment locally? I want to speed up my dev process because it's getting tedious waiting for a new build each time I'm testing

Bboat What sort of approach would you take to simulate a dev environment locally? I wa...

Hello, I’m Allie!•8/28/23, 7:20 AM

Find the data you need to get it running from your remote KV namespace, then add it locally with wrangler kv:key put --localwrangler kv:key put --local

Vivek Kumar•8/28/23, 7:39 AM

How can I serve a common html file say 'foo/index.html' for URLs matching '/foo/*', similar to CF do for '404.html' but without the 404 status? Is it a way to make it possible in pages itself, without the assistance of wranger?

Original message was deleted

Vivek Kumar•8/28/23, 9:10 AM

It will redirect to /foo/, but that's not the required result.
It should just load the foo/index.htmlfoo/index.html at /foo/*/foo/* itself without any url redirect.

HHello, I’m Allie!Find the data you need to get it running from your remote KV namespace, then add...

boat•8/28/23, 9:20 AM

Thanks! This solved my issue. I'm looking at using the --persist-to flag to make it easy for multiple developers to set the environment up. To use the values saved with the --persist-to flag, do you know if you need to specify using that as a namespace when running wrangler pages dev?

Bboat Thanks! This solved my issue. I'm looking at using the --persist-to flag to make...

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

No, it should run based ont he binding name.

simpson•8/28/23, 1:02 PM

I'm trying to setup a page rule to redirect www. to our root domain on a pages project but it doesn't seem to work, am I missing something simple?

Matheus•8/28/23, 6:10 PM

Hello! I have a site hosted on CF pages and some people are reporting that they can load my site. If changing internet connection works. Has anyone ever experienced this?

Matheus•8/28/23, 6:10 PM

https://jogajunto.co/

Jogajunto | Employer Branding, Digital Experiences and Marketing

We transform ideas into digital experiences that connect with your audience and help you build your dream team. Let's work together to create something remarkable?

Matheus•8/28/23, 6:34 PM

My problem is basically the same, but there is no resolution:
https://community.cloudflare.com/t/site-is-not-accessible-via-some-internet-providers/382528

Cloudflare Community

Site is not accessible via some internet providers

Hi, I have several sites hosted in a cloud server at IONOS with CF. Just two of them when CF is enabled they are not browseable trough the ISP NET/Claro (Brazil). Is there anything that I can do to fix this? When I disable the CF trough DNS I can access these ones. Regards,

sakuta•8/28/23, 7:13 PM

is it just outright stupid to have a server-rendered next.js app on cloudflare pages and a separate backend on cloudflare workers or are there valid reasons to use such an architecture?

Ffluidsonic Hey there <a:wave_animated:956925781513240677> How can we use a single GitHub p...

sakuta•8/28/23, 7:14 PM

i suggest to look into this gh action: https://github.com/cloudflare/pages-action

I did some more careful reading and building sample projects. And either there is a bug or cloudflar

Similar Threads

Similar Threads

Similar Threads