Почему не получается сделать deploy на heroku?

Question

[mr jeery]

У меня есть приложение, которое локально я запускаю двумя шагами:
1. Запускаю сервер app/server/index.js с помощью команды node index.js
2. Запускаю клиент, который в корне app с помощью webpack-dev-server --open

Пытаюсь сделать деплой и столкнулся с ошибкой.
Error R10 (Boot timeout) -> Web process failed to bind to $PORT within 60 seconds of launch

Структура моего приложения
App:
-server
--index.js
--package.json
--Procfile
-src
-index.js
-package.json

С клиента я посылаю ajax запросы, поэтому изменил API_URL с localhost на url heroku.

const API_URL = `http://weather-mern.herokuapp.com/:${process.env.PORT}/data`
      axios({
            method: 'get',
            url: `${API_URL}/get`
        })

В index.js сервера, и webpack.config клиента добавил process.env.PORT

// Start the server
const port = process.env.PORT || 3000;

app.listen(port, () => {
});

devServer: {
    port: process.env.PORT || 3000,
    host: 'localhost',
    //Be possible go back pressing the "back" button at chrome
    historyApiFallback: true,
    noInfo: false,
    stats: 'minimal',
    publicPath: publicPath,
    contentBase: path.join(__dirname, publicPath),
    disableHostCheck: true,
    public: 'weather-mern.herokuapp.com',
    //hotmodulereplacementeplugin
    hot: true
  },

В Procfile который лежит в директории app/server/ прописано node index.js.
Может быть нужно прописать как-то также запуск webpacka клиентского ?
Я очень сильно запутался с heroku.
Может кто-то помочь в скайпе, телеграме или где вам будет удобно?