In the first part of this series, we created a Full Stack MERN project – Build and Deploy an App | React Redux, Node, Express, MongoDB. We will now deploy the app to Heroku.
First, we need to create a Heroku account. Then, we need to install the Heroku CLI.
Once we have installed the Heroku CLI, we need to login to Heroku using the following command:
heroku login
Next, we need to create a new Heroku app. We can do this using the following command:
heroku create
Next, we need to add the following environment variables to our Heroku app. We can do this using the following command:
heroku config:set NODE_ENV=production REACT_APP_SECRET_KEY=someSecretKey
Next, we need to add the following buildpack to our Heroku app. We can do this using the following command:
heroku buildpacks:add
Next, we need to add the following dependency to our Heroku app. We can do this using the following command:
heroku dependencies:add react
Next, we need to add the following dependency to our Heroku app. We can do this using the following command:
heroku dependencies:add redux
Next, we need to add the following dependency to our Heroku app. We can do this using the following command:
heroku dependencies:add react-router-dom
Next, we need to add the following dependency to our Heroku app. We can do this using the following command:
heroku dependencies:add webpack
Next, we need to add the following dependency to our Heroku app. We can do this using the following command:
heroku dependencies:add babel-loader
Next, we need to add the following dependency to our Heroku app. We can do this using the following command:
heroku dependencies:add babel-core
Next, we need to add the following dependency to our Heroku app. We can do this using the following command:
heroku dependencies:add babel-preset-env
Next, we need to add the following dependency to our Her