Aprenda como realizar o deploy de sua aplicação React de uma maneira fácil e simples, através desse artigo.
React é uma biblioteca do JavaScript para criação de interfaces, Sendo atualmente a biblioteca mais popular do JavaScript.
Então nesse artigo vamos ver que realizar o deploy de sua aplicação React pode ser muito simples.
Preparando os arquivos para Deploy
Nesse tutorial, para exemplificar, vamos fazer o deploy da aplicação padrão de quando iniciamos um projeto no React.
Primeiramente vamos ir até a pasta onde se encontra nossa aplicação e rodar o seguinte comando:
npm run build
Esse comando irá gerar uma versão otimizada e pronta para deploy em qualquer ambiente. Quando rodar o comando, pode demorar uns minutos dependendo do tamanho da aplicação para que seja concluído. Após isso a aplicação se encontrará dentro da pasta build.
Deploy do React
Após termos os arquivos prontos para deploy, é necessário passar os mesmos para o FTP do seu domínio na pasta onde você vai querer fazer o deploy.
Caso tenha alguma dúvida de como fazer o acesso ao FTP, pode seguir esse tutorial. Esse deploy também pode ser feito via GIT, para isso acesse esse post.
Nesse caso o caminho da aplicação ficou na raiz do nosso domínio na www. Acessando em seu navegador https://seudominio.com.br aparecerá sua aplicação.
Deploy em subpasta
Caso você queira utilizar o React em uma subpasta, é necessário informar a URL antes de “buildar” a versão de produção.
Para fazer isso é necessário alterar o arquivo package.json e adicionar essa linha:
"homepage" : "http://seusite.com.br/pasta-da-aplicação/"
Após isso é necessário rodar o npm run build e os arquivos serão gerados novamente.
Agora é só colocar eles no seu FTP dentro da pasta onde ficará sua aplicação. Então você terá o retorno de sua aplicação, no nosso caso essa página inicial.
O React é possível de ser utilizado em todos nossos planos de hospedagem, você pode verificar os nossos planos clicando aqui.