Как развернуть приложение React.js на Heroku

Шаг 1: Установить зависимости

Вам понадобятся следующие пакеты

npm i express dotenv

Шаг 2: Создайте файл сервера в Проектная папка

Внутри папки проекта создайте файл с именем «server.js» и скопируйте следующее содержимое внутри него.

const path = require('path');
const express = require('express');
const app = express();
const port = process.env.PORT || 3000;
app.use(express.static(path.join(__dirname, 'build')));
app.get('/*', (req, res) => {
  res.sendFile(path.join(__dirname, 'build', 'index.html'));
});
app.listen(port, () => {
  console.log('Server is up!');
});

Шаг 3: подтолкнуть к GitHub

Добавить git добавить все свои файлы, совершить их и подтолкнуть к GitHub, мы автоматически развернем их

Шаг 4: на Heroku

1. Создать новое приложение
2. В разделе «Развертывание» подключите свою учетную запись GitHub:
3. В настройках настройте переменные среды, если они у вас есть.
4. Настройка развертывания: вы можете сохранить автоматическую настройку развертывания на Heroku, если хотите, но лучше вернуть его, потому что бесплатный уровень дает вам всего 5 сборки, и если вы вызовите более 5 раз, в 6 раз вы не сможете развернуть свой проект. Лучше держать это. Тогда просто нажмите «Развернуть» и

Вот и все, ты закончил !!!

ПОЗДРАВЛЯЮ !!!

Я надеюсь, что вы были успешными:

Следуй за мной

GitHub

LinkedIn

Оригинал: «https://dev.to/dev117uday/how-to-deploy-react-js-app-on-heroku-lp1»