Hi, I'm trying to deploy a Nuxt 3 website. I have tested it with Vercel before and it worked fine. W

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

XuloOP•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...

XuloOP•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...

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

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

XuloOP•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.

gadolinium•6/27/24, 2:22 PM

Do i need a privacy policy if I have just a personal site with my information? I only use zaraz ang google analytics 4 with it to see how the site is used. I have all the zaraz privacy options enabled, have no ads and do not allow google to use it unless it is for technical support. I have a consent banner and analytics are disabled by default, they are opt in.

shir0fu•6/27/24, 4:02 PM

Hi, I've recently started using CF Pages and can't find information on how I can collect logs from my frontend in CF Pages. I have only found Logpush and Functions Logs or Worker Logs, but that is not what I need. Is it possible to do this?

Ttadeumaia Anyone using Remix + PG on Cloudflare Pages? Having trouble getting it to work w...

Roj [roːʒ]•6/27/24, 4:33 PM

I used to do use Remix + PG on CF Workers with node_compat. The performance sucked, and I wouldn't recommend it. Or at least you should opt in for a serverless Postgres like https://neon.tech, or maybe Durable Objects (I haven't tried them so idk how they are). Overall, I recommend using things like Google Cloud Run to deploy such apps. I'd argue that even serverless Postgres would slow your app down a lot with its cold starts.

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; }; } }

Hi, I'm trying to deploy a Nuxt 3 website. I have tested it with Vercel before and it worked fine. W

Similar Threads

Similar Threads

Similar Threads