like, you wanted analytics on who's visiting your site from where? Pages has one click integration w

like, you wanted analytics on who's visiting your site from where? Pages has one click integration with CF Web Analytics (under Manage tab), and it tracks Referrers as long as the user's browser passes it on

CChaika like, you wanted analytics on who's visiting your site from where? Pages has one...

SpiraTech•6/24/24, 2:51 PM

Yeah exactly - it's just a subdirectory off my main domain /qr-redirect/. I have CF web analytics turned on but I cannot see any detailed information and I've been looking for around 30 minutes or more now. It's not an actual webpage - it's just a redirect. I was trying to keep things simple.

SonyC•6/24/24, 6:10 PM

Hello, I have set a Service bindings in my worker pages setting to be able to request from the statically web page(built with vite) I deployed in pages to a worker. My issue is that I don't know how to access the env variable from my static page code to get the env.SERVICE.fetch call(I tried using import.meta.env but that doesn't work). HELP.

Xulo•6/24/24, 6:57 PM

Hi, I'm trying to deploy a Nuxt 3 website. I have tested it with Vercel before and it worked fine. Why is it not working on Cloudflare? This is my log, has anyone an idea why the build failed? Thanks in advance

Xulo•6/24/24, 6:57 PM

These are my build settings

FFelix Could be. I am not sure what sets that context variable. Could be Nuxt since I h...

AGill•6/25/24, 2:06 AM

For Nuxt you have to add type declarations

import {
  CfProperties,
  Request,
  ExecutionContext,
  R2Bucket,
} from '@cloudflare/workers-types/experimental';

declare module 'h3' {
  interface H3EventContext {
    cf: CfProperties;
    cloudflare: {
      request: Request;
      env: {
        STORAGE_BUCKET: R2Bucket;
      };
      context: ExecutionContext;
    };
  }
}

import {
  CfProperties,
  Request,
  ExecutionContext,
  R2Bucket,
} from '@cloudflare/workers-types/experimental';

declare module 'h3' {
  interface H3EventContext {
    cf: CfProperties;
    cloudflare: {
      request: Request;
      env: {
        STORAGE_BUCKET: R2Bucket;
      };
      context: ExecutionContext;
    };
  }
}

Source: https://developers.cloudflare.com/pages/framework-guides/deploy-a-nuxt-site/#add-bindings-to-typescript-projects

Cloudflare Docs

Nuxt · Cloudflare Pages docs

Web framework making Vue.js-based development simple and powerful.

XXulo Hi, I'm trying to deploy a Nuxt 3 website. I have tested it with Vercel before a...

AGill•6/25/24, 4:15 AM

when you deployed to Vercel, was it on vercel-edge? or lambda?

if it's not deploying on cf-pages my first thought is that a package is not bundled for

workerd

workerd

runtime appropriately

AAGill For Nuxt you have to add type declarations ```ts import { CfProperties, Req...

Felix•6/25/24, 4:39 AM

It's a runtime issue. I solved it by storing the context.cloudflare stuff in a global variable the first time the middle ware runs

Benzitczo•6/25/24, 4:43 AM

Question there 25 mb need 500 mb? and possible buy 5 usd?

Benzitczo•6/25/24, 4:43 AM

Walshy•6/25/24, 4:49 AM

The 25 MiB per file limit is a hard cap today.

WWalshy The 25 MiB per file limit is a hard cap today.

Benzitczo•6/25/24, 4:52 AM

ah i see..

Benzitczo•6/25/24, 4:53 AM

and maybe github yes more right?

Benzitczo•6/25/24, 4:53 AM

and use laravel yes?

Walshy•6/25/24, 4:53 AM

Not sure GitHub's max file size

Walshy•6/25/24, 4:53 AM

But no, you couldn't use laravel at GitHub

Walshy•6/25/24, 4:53 AM

You'd need some PHP host or a VPS

Benzitczo•6/25/24, 4:54 AM

oh i see, okay vps

Benzitczo•6/25/24, 4:54 AM

but probably only there HTML and css right?

Benzitczo•6/25/24, 4:54 AM

maybe future soon add laravel new host cloudflare?

Benzitczo•6/25/24, 4:54 AM

suggestion lol

AAGill when you deployed to Vercel, was it on vercel-edge? or lambda? if it's not depl...

Xulo•6/25/24, 8:50 AM

I'm not sure. How can I find out? I just imported the project from GitHub, and it detected it as Nuxt, so it used the Nuxt build options preset. Then, I just added my environment variables

WWalshy Not sure GitHub's max file size

Marwan•6/25/24, 8:59 AM

My cloudflare domain is not working on some locations. What is the solution?

Vikash•6/25/24, 12:53 PM

Getting error in static assets randomly -

After the 1st error, all the

static/*

static/*

assets on pages stops working and doesn't work until I login to CF dashboard > re-deploy the project. Any suggestion will be really apprecaited.

const cacheTtlByStatus = {
  '200-299': 86400,
  404: 5,
  '500-599': 0,
};

app.get(`${WEBSITE_URL}/static/*`, async (ctx) => {
  return await ctx.env.ASSETS.fetch(ctx.req.raw, {
    cf: {
      cacheTtlByStatus: cacheTtlByStatus,
    },
  });
});

const cacheTtlByStatus = {
  '200-299': 86400,
  404: 5,
  '500-599': 0,
};

app.get(`${WEBSITE_URL}/static/*`, async (ctx) => {
  return await ctx.env.ASSETS.fetch(ctx.req.raw, {
    cf: {
      cacheTtlByStatus: cacheTtlByStatus,
    },
  });
});

XXulo I'm not sure. How can I find out? I just imported the project from GitHub, and i...

Xulo•6/25/24, 1:24 PM

it suddenly worked, my Nuxt project got published on Cloudflare but now I'm having 500 error

Xulo•6/25/24, 1:24 PM

in Vercel it is still working fine

Lume•6/25/24, 2:20 PM

I recently read the blog article on Cloudflare's optimization techniques for decreasing cf pages latency (https://blog.cloudflare.com/how-we-decreased-pages-latency/). It's quite insightful, but I have a couple of questions regarding the implementation.

The article mentions optimizing by hashing the hostname of the deployment, where each "pipeline" corresponds to a worker named after the hashed hostname with a secret. How does this approach work with custom domains? Since custom domains have different hostnames, the hashed values wouldn't match.
Regarding the "special" asset worker mentioned in the article, does it execute before every request? How does it interact with function workers? Specifically, does it forward function requests via service binding to the function worker?

I'd appreciate any clarification on these points, particularly from someone familiar with Cloudflare Pages/Worker operations.

LLume I recently read the blog article on Cloudflare's optimization techniques for dec...

Hello, I’m Allie!•6/25/24, 7:09 PM

When using Cloudflare-for-SaaS(what Pages uses for Custom Domains), it passes in the
```
pages.dev
```
```
pages.dev
```
domain into the Pages Worker, so the hash will still match.
There is a Worker that handles Pages stuff, which is called on every request, though you don't pay for it. You only pay when it has to call in to your Functions

HHello, I’m Allie!1. When using Cloudflare-for-SaaS(what Pages uses for Custom Domains), it passes...

Lume•6/26/24, 7:00 AM

I tried this approach myself, but it didn't work as expected. I used a worker as a fallback and created a CNAME record pointing to the fallback. However, the domain in the Host header was always the custom hostname, not the CNAME domain. Is there a way to get the CNAME domain within the worker? Or is this some cloudflare internal stuff only.

LLume I tried this approach myself, but it didn't work as expected. I used a worker as...

Hello, I’m Allie!•6/26/24, 7:05 AM

It would be on the request.cf object

HHello, I’m Allie!It would be on the request.cf object

Lume•6/26/24, 7:41 AM

I can't see it; it might require an enterprise feature

LLume I can't see it; it might require an enterprise feature 🤷‍♂️

Hard@Work•6/26/24, 8:04 AM

Right... it appears it is a paid Enterprise Add-On

Abhishek•6/26/24, 9:03 AM

Hi,

I would like to disable the JavaScript challenge interstitial page for a specific country and for certain URLs when under attack mode is enabled. The URLs are:

/wp-json/wc/v2/flutter/wcfm-products
/wp-json/wc/v3/products

I have tried to configure this using Page Rules, but it's not working as expected. I have attached a screenshot of the current rules overview for your reference.

Could you please help me resolve this issue? Appreciate your response.

Original message was deleted

Abhishek•6/26/24, 9:39 AM

Is this correct? The image is still not loading on the Android app. When I disabled the 'under attack' mode, it works perfectly.

Original message was deleted

Abhishek•6/26/24, 9:43 AM

Is it correct?

Abhishek•6/26/24, 9:45 AM

Can you please guide me? I'm a beginner and would greatly appreciate your assistance and cooperation.

Original message was deleted

Abhishek•6/26/24, 10:05 AM

This works perfectly. Thank you so much for your kind help.

I have one more question: Someone is attacking my client's website, and I'm using the 'Under Attack' mode. Are there additional settings in the Pro version that I can use to enhance protection? I appreciate your guidance.

MyZeD•6/26/24, 1:43 PM

Is the build target directory created as ramfs or tmpfs? This could save you a lot of discs and give more performance if you have a lot of files. (don't forget noatime cloudflare

)

Original message was deleted

Isaac McFadyen•6/26/24, 7:54 PM

In the Pages dashboard, under your project -> settings -> build settings.

Isaac McFadyen•6/26/24, 7:55 PM

Actually I'm wrong. One sec.

Original message was deleted

Isaac McFadyen•6/26/24, 7:58 PM

Is it a Direct Upload project? Do you see a Builds and deployments tab under Settings?

Isaac McFadyen•6/26/24, 7:58 PM

Isaac McFadyen•6/26/24, 7:58 PM

Then you can't set a build command.

Isaac McFadyen•6/26/24, 7:58 PM

When you use Direct Upload you need to build yourself and upload built assets.

Original message was deleted

Hard@Work•6/26/24, 8:07 PM

Cloudflare just deploys what you give it in Direct Upload mode. Cloudflare doesn't build your files

Original message was deleted

Hard@Work•6/26/24, 8:21 PM

wrangler pages deploy <directory>wrangler pages deploy <directory>

Roj [roːʒ]•6/27/24, 8:23 AM

I came here from https://developers.cloudflare.com/pages/configuration/build-caching/#feedback

Roj [roːʒ]•6/27/24, 8:23 AM

Is there a way to cache custom directories?

Roj [roːʒ]•6/27/24, 8:23 AM

In my case I want to cache ~/.cache

tadeumaia•6/27/24, 12:14 PM

Anyone using Remix + PG on Cloudflare Pages? Having trouble getting it to work with drizzle. Wrangler complains about compatibility flag for node for several node pkgs, but it's on on both the wrangler.toml and passed as --compatibility-flags="nodejs_compat" for the wrangler CLI. Running remix dev, just crash the server with an Cannot redefine property: args error.

import { CfProperties, Request, ExecutionContext, R2Bucket, } from '@cloudflare/workers-types/experimental'; declare module 'h3' { interface H3EventContext { cf: CfProperties; cloudflare: { request: Request; env: { STORAGE_BUCKET: R2Bucket; }; context: ExecutionContext; }; } }

like, you wanted analytics on who's visiting your site from where? Pages has one click integration w

Similar Threads

Similar Threads

Similar Threads