Setting different environments in FE

envs.js

// defaults/index.js
import development from './development';
import production from './production';

export default {
  development,
  production
}[process.env.NODE_ENV || 'development'];


// defaults/development.js
export default {
  url: 'http://localhost:8000'
};


// defaults/production.js
export default {
  url: 'http://produrl.com'
};

// package.json
{
 "scripts": {
    "start:prod": "NODE_ENV=production node app.js",
    "start": "NODE_ENV=development react-scripts start"
 }
}

// usage in a file:
import api from '../defaults'

const getUrl = () => api.url // this should be localhost or produrl.com according to environment