Odtnhj

I have an app ready for production. For it to work, each client needs to set a unique url to access their data. How would i prepare the app for making it easy to add a url as an access point to the clients?

Would a correct way to do this be to add it in the manifest.json file and somehow reference it from there? (Until now in development i've only used a global URL in a js file)

You need to install the package dotenv package and create a .env file in your root directory which should contain your environment variables.

Assuming that the URl you are referring to is http://localhost:3000/some/url on your localhost, then your .env file might look like:

MY_URL=http://localhost:3000/some/url

Then in your react application, you can get the value of MY_URL by doing:

const url = process.env.MY_URL

Note that if you are using the create-react-app package, then you do not need to install the dotenv package since it already comes with the create-react-app package. Also you need to change it:

REACT_APP_MY_URL=http://localhost:3000/some/url

Also make sure to add the .env file to your .gitignore file so that you do not push it to your repo.

Assuming that you are deploying your application to Heroku. Heroku provides a simple interface which allows you to add your environment variables which looks like:

That's it.

Maybe you could store them in environment variables?

that way you can always edit them later without having to change components.