Deploy React em Servidores Dedicados ou VPS

O Deploy de aplicações utilizando NodeJS ou React somente é possível em servidores Dedicados ou VPS em nossa estrutura, neste artigo detalharei de forma simples como realizar o deploy após a instalação de alguns pacotes que são requeridos.

Primeiramente você precisa realizar a instalação dos seguintes pacotes em seu sistema, isso somente será possível acessando o servidor via SSH com o usuário root, lembrando que a execução deste tipo de instalação deve ser realizada por sua conta e risco.

Pacotes necessários, execute o comando abaixo para instalação:

yum -y install ea-ruby24-mod_passenger ea-apache24-mod_env ea-nodejs10

Instale o pacote NPX via NPM a nível global e também o create-react-app via NPM com o comando abaixo:

/opt/cpanel/ea-nodejs10/bin/npm -g install npx && /opt/cpanel/ea-nodejs10/bin/npm -g install create-react-app

Agora acesse o usuário do cPanel que deseja fazer o deploy da aplicação, para isso execute:

su usuariocpanel

*Substitua por um usuário válido

Para que possamos chamar os comandos npm, npx, node diretamente sem informar o path completo dos binários você pode incluir a seguinte linha no arquivo .bashrc de sua conta:

export PATH=/opt/cpanel/ea-nodejs10/bin/:$PATH

*Deslogue e logue novamente na conta cPanel via SSH para aplicar a alteração e tornar os comandos disponíveis.

Agora vamos criar nosso projeto React na home de nossa conta com o comando abaixo:

npx create-react-app myapp

*Aguarde a criação do projeto finalizar, se tudo ocorrer bem você deverá ver algo como:

Success! Created myapp at /home/USER/myapp
Inside that directory, you can run several commands:

npm start
Starts the development server.

npm run build
Bundles the app into static files for production.

npm test
Starts the test runner.

npm run eject
Removes this tool and copies build dependencies, configuration files
and scripts into the app directory. If you do this, you can’t go back!

We suggest that you begin by typing:

cd myapp
npm start

Happy hacking!

Acesse o diretório criado para nosso projeto com o comando, 

cd myapp 

e execute o projeto com o comando,

npm start

Pronto!
Sua aplicação já deve estar rodando na porta 3000, se visualizar a mensagem abaixo:

Compiled successfully!

You can now view myapp in the browser.

http://localhost:3000

Agora basta acessar seu domínio ou IP:3000 como no exemplo abaixo: