• Mostrando resultados da busca por {{ posts_busca["corrected"] }} {{termo_busca}}
  • {{post.title}}
  • Não foram encontrados resultados para {{ posts_busca["corrected"] }} {{termo_busca}}

Como fazer deploy de uma aplicação React

Andre Moura - Especialista de Atendimento na KingHost

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.

Pasta build criada dentro da pasta da aplicação

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.

Arquivos da pas

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.

Restando dúvidas ou precisando de ajuda, contate-nos via telefone ou chat e converse com nosso suporte. Tenha em mãos seu código de cliente e senha de atendimento para ser atendido com mais agilidade.

Oi! Eu sou Andre Moura e quero te convidar para assinar nossa newsletter e ficar por dentro das novidades.
Enviar conteúdo por email
381 visualizações

Esse artigo foi útil pra você?