What do you see in the options section?

CCyb3r-Jak3 What do you see in the options section?

L

LTroya•4/1/24, 9:49 PM

Retry Deployment & Delete Deployment

L

LTroya•4/1/24, 9:50 PM

Oh, my mistake. I was looking at the latest production deployment

. All good

B

bageler•4/1/24, 11:47 PM

hi, first day here. trying to port an existing nextjs app into cloudflare pages. first time trying to deploy and I get an error "You tried to enable a feature that is not enabled on your account." No idea what I'm trying to enable that is not enabled on my account!

N

nikiv.dev•4/2/24, 7:27 AM

how can I know the name of the pages build in my website?

Nnikiv.dev how can I know the name of the pages build in my website?

H

Hello, I’m Allie!•4/2/24, 7:28 AM

The Commit ID, or Project Name?

N

nikiv.dev•4/2/24, 7:29 AM

branch name from which it is building ideally

N

nikiv.dev•4/2/24, 7:29 AM

N

nikiv.dev•4/2/24, 7:29 AM

i have all branches deploy to staging

Nnikiv.dev branch name from which it is building ideally

H

Hello, I’m Allie!•4/2/24, 7:29 AM

CF_PAGES_BRANCH

CF_PAGES_BRANCH

CF_PAGES_BRANCH

CF_PAGES_BRANCH
- Via Environment Variables - CF Pages

N

nikiv.dev•4/2/24, 7:32 AM

N

nikiv.dev•4/2/24, 7:32 AM

    onMount(() => {
        if (import.meta.env.VITE_ENV !== "prod" && import.meta.env.VITE_ENV !== "staging") {
            return
        }
        console.log(import.meta.env.CF_PAGES_BRANCH, "branch")

    onMount(() => {
        if (import.meta.env.VITE_ENV !== "prod" && import.meta.env.VITE_ENV !== "staging") {
            return
        }
        console.log(import.meta.env.CF_PAGES_BRANCH, "branch")

    onMount(() => {
        if (import.meta.env.VITE_ENV !== "prod" && import.meta.env.VITE_ENV !== "staging") {
            return
        }
        console.log(import.meta.env.CF_PAGES_BRANCH, "branch")

    onMount(() => {
        if (import.meta.env.VITE_ENV !== "prod" && import.meta.env.VITE_ENV !== "staging") {
            return
        }
        console.log(import.meta.env.CF_PAGES_BRANCH, "branch")

N

nikiv.dev•4/2/24, 7:32 AM

just deployed

N

nikiv.dev•4/2/24, 7:32 AM

import.meta.env.

import.meta.env.

import.meta.env.

import.meta.env. is correct

N

nikiv.dev•4/2/24, 7:32 AM

it works for all other env variables

Nnikiv.dev ``` onMount(() => { if (import.meta.env.VITE_ENV !== "prod" && impor...

H

Hello, I’m Allie!•4/2/24, 7:32 AM

Just to check, if you add

echo $CF_PAGES_BRANCH

echo $CF_PAGES_BRANCH

echo $CF_PAGES_BRANCH

echo $CF_PAGES_BRANCH to the front of your build command, does it show?

N

nikiv.dev•4/2/24, 7:33 AM

"build": "echo $CF_PAGES_BRANCH && vinxi build",

"build": "echo $CF_PAGES_BRANCH && vinxi build",

"build": "echo $CF_PAGES_BRANCH && vinxi build",

"build": "echo $CF_PAGES_BRANCH && vinxi build",

N

nikiv.dev•4/2/24, 7:33 AM

so this right?

Nnikiv.dev ``` "build": "echo $CF_PAGES_BRANCH && vinxi build", ```

H

Hello, I’m Allie!•4/2/24, 7:33 AM

Yup

N

nikiv.dev•4/2/24, 7:34 AM

i see nothing

N

nikiv.dev•4/2/24, 7:34 AM

N

nikiv.dev•4/2/24, 7:35 AM

its part of branch

N

nikiv.dev•4/2/24, 7:35 AM

https://github.com/learn-anything/learn-anything.xyz/pull/105

GitHub

New website design by nikitavoloboev · Pull Request #105 · learn-an...

N

nikiv.dev•4/2/24, 7:35 AM

this one

Nnikiv.dev i see nothing

H

Hello, I’m Allie!•4/2/24, 7:35 AM

Sorry, I meant set the build command in Pages:

echo $CF_PAGES_BRANCH && cd website && npm run build

echo $CF_PAGES_BRANCH && cd website && npm run build

echo $CF_PAGES_BRANCH && cd website && npm run build

echo $CF_PAGES_BRANCH && cd website && npm run build

N

nikiv.dev•4/2/24, 7:37 AM

its there

N

nikiv.dev•4/2/24, 7:37 AM

N

nikiv.dev•4/2/24, 7:37 AM

mm

N

nikiv.dev•4/2/24, 7:37 AM

console.log(import.meta.env.CF_PAGES_BRANCH, "branch")

console.log(import.meta.env.CF_PAGES_BRANCH, "branch")

console.log(import.meta.env.CF_PAGES_BRANCH, "branch")

console.log(import.meta.env.CF_PAGES_BRANCH, "branch")

N

nikiv.dev•4/2/24, 7:37 AM

is it not passed to browser

N

nikiv.dev•4/2/24, 7:38 AM

or smth

Nnikiv.dev Click to see attachment

H

Hello, I’m Allie!•4/2/24, 7:38 AM

Ok, so it sounds like maybe either NPM/vite is passing the env var in, for some reason...

N

nikiv.dev•4/2/24, 7:54 AM

N

nikiv.dev•4/2/24, 7:54 AM

thats with

VITE_CF_PAGES_BRANCH=$CF_PAGES_BRANCH && cd website && npm run build

VITE_CF_PAGES_BRANCH=$CF_PAGES_BRANCH && cd website && npm run build

VITE_CF_PAGES_BRANCH=$CF_PAGES_BRANCH && cd website && npm run build

VITE_CF_PAGES_BRANCH=$CF_PAGES_BRANCH && cd website && npm run build

N

nikiv.dev•4/2/24, 7:54 AM

@HardlyWorkin' perhaps you know how to rename existing envs?

Nnikiv.dev @HardlyWorkin' perhaps you know how to rename existing envs? 🙏

H

Hello, I’m Allie!•4/2/24, 8:00 AM

How about

export VITE_CF_PAGES_BRANCH="$CF_PAGES_BRANCH" && cd website && npm run build

export VITE_CF_PAGES_BRANCH="$CF_PAGES_BRANCH" && cd website && npm run build

export VITE_CF_PAGES_BRANCH="$CF_PAGES_BRANCH" && cd website && npm run build

export VITE_CF_PAGES_BRANCH="$CF_PAGES_BRANCH" && cd website && npm run build

HHello, I’m Allie!How about `export VITE_CF_PAGES_BRANCH="$CF_PAGES_BRANCH" && cd website && npm r...

N

nikiv.dev•4/2/24, 8:02 AM

beauty, this works :sparklecolors:

N

nikiv.dev•4/2/24, 8:17 AM

is it possible to have feature branches of cloudflare

N

nikiv.dev•4/2/24, 8:17 AM

deploy not on

N

nikiv.dev•4/2/24, 8:17 AM

https://feature-la-130-new-website-d.learn-anything-xyz.pages.dev/auth

N

nikiv.dev•4/2/24, 8:17 AM

but on

N

nikiv.dev•4/2/24, 8:17 AM

my subdomain of choice

N

nikiv.dev•4/2/24, 8:17 AM

i thought it would do this already

N

nikiv.dev•4/2/24, 8:17 AM

but seems it doesn't

Nnikiv.dev i thought it would do this already

H

Hello, I’m Allie!•4/2/24, 8:17 AM

https://developers.cloudflare.com/pages/how-to/custom-branch-aliases/

Cloudflare Docs

Add a custom domain to a branch · Cloudflare Pages docs

In this guide, you will learn how to add a custom domain (staging.example.com) that will point to a specific branch (staging) on your Pages project.

HHello, I’m Allie!https://developers.cloudflare.com/pages/how-to/custom-branch-aliases/

N

nikiv.dev•4/2/24, 8:22 AM

ok so i did everything but it doesn't work

S

samwell•4/2/24, 2:54 PM

How are you dealing with or working around the fact that Cloudflare Pages has minimal Node.js support?

I love Cloudflare and would love to become a paying customer. However, I often run into roadblocks that make it difficult or even impossible to use Cloudflare for web apps. It appears that the lack of Node.js support is the main issue (or maybe the only issue) that prevents me from using Cloudflare's platform. For example, I have been unable to deploy apps that use Firebase authentication and I get errors saying that the fs module is not supported in Cloudflare's runtime environment. There are many other packages/modules that are not supported in Cloudflare, which prevent me from using Cloudflare's platform for my apps. Vercel seems to be the next best option because things seem to just work on Vercel's platform.

What has been your experience with Cloudflare? Do you have any tips or advice for hosting web apps on Cloudflare? Is there a way to work with Cloudflare that is as easy as working with Vercel?

Thank you!

Ssamwell How are you dealing with or working around the fact that Cloudflare Pages has mi...

T

Threep•4/2/24, 3:19 PM

What do you mean by lack of node.js support? You can use node js on cloudflare.

T

Threep•4/2/24, 3:19 PM

https://developers.cloudflare.com/workers/runtime-apis/nodejs/

Cloudflare Docs

Node.js compatibility · Cloudflare Workers docs

Implemented Node.js runtime APIs and enablement instructions for your Worker project.