Setting PUBLIC_URL in different .env files (create-react-app)

Question

I am working on a project built with create-react-app using two homepage url (staging and production). To avoid the need to change homepage in package.json manually before deployment to staging or production, I tried to set a PUBLIC_URL environment variable in both my .env and .env.production files and I deleted homepage in package.json.

PUBLIC_URL=https://xxxxx.io/new-manager-staging

After reading the doc, I assumed it would set the homepage url during build time, but it does not seem to be the case.

Is there an other place to set PUBLIC_URL or an other way to have multiple homepages or to set homepage dynamically in package.json? Thanks in advance!

for your project to read .env variables you will need first dotenv npm module and then you would read like process.env.PUBLIC_URL assuming in your .env file you have a variable with PUBLIC_URL — warl0ck
– warl0ck, Commented Jul 13, 2018 at 10:59
I can read environment variables, that's not the problem (I use dotenv as well). The problem is that when I delete homepage in package.json and use PUBLIC_URL instead so I can have a homepage for staging and a homepage for production, PUBLIC_URL isn't used as homepage, so basically I can't access my website. — Matthieu Stadelmann
– Matthieu Stadelmann, Commented Jul 13, 2018 at 11:16
this PUBLIC_URL is used where ?, I am unable to understand where you are using this variable — warl0ck
– warl0ck, Commented Jul 13, 2018 at 11:18
No, I can read them. To me it seems that I can't just use PUBLIC_URL instead of homepage in package.json, that's why I am asking if anyone else knows how to set homepage dynamically (github.com/facebook/create-react-app/blob/master/packages/…) — Matthieu Stadelmann
– Matthieu Stadelmann, Commented Jul 13, 2018 at 11:50
The link to docs how to setup .env files has moved here: create-react-app.dev/docs/deployment/… — sidon
– sidon, Commented Feb 22, 2022 at 9:46

Matthieu Stadelmann · Accepted Answer · 2018-07-13 12:36:48Z

4

I found the solution. I needed to do PUBLIC_URL=/new-manager-staging/ instead of PUBLIC_URL=https://xxxxx.io/new-manager-staging.

answered Jul 13, 2018 at 12:36

Matthieu Stadelmann

811 silver badge8 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Setting PUBLIC_URL in different .env files (create-react-app)

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related